页面引用关系使用教程

什么是页面引用关系

\n

页面引用关系是用来描述App项目页面与项目资源文件之间引用的关系。如下图

页面引用关系可以帮助开发者做什么

\n

梳理和理解App流程

\n

点击左侧树中任一文件,都可以查看该文件包含的资源、该文件可打开的次级页面,以及该页面未使用到的页面。开发者从App的入口页面开始点击,可以依次看到每个页面包含的内容及次级页面,可以辅助开发者梳理App流程以及项目新成员理解App流程。

辅助测试人员测试App

\n

测试人员可参照页面引用关系,按流程对App进行测试

检查App闲置资源

\n

页面右侧树中,文件带问号的表示该文件不是任何文件的资源,也不是任何资源的可打开文件。开发者可倒查原因以优化App的体积。

发布流应用

\n

发布流应用时,流应用页面关系配置可由页面引用关系确定。

未来页面引用关系还将用于工程重构和App性能自动优化

\n

页面引用关系是一个基础的功能,用途很多,所以请开发者重视维护页面引用关系。

如何使用

\n

页面组成

\n

如上图所示,界面分左右两部分,左边为当前项目下所有的页面,单击左侧树中的文件可在右侧查看选中文件的页面(双击文件可在编辑器中打开文件)。
右侧如下图分A、B、C3个部分


A部分为“本页面包含的资源”,指页面包含的js、css、字体、子webview、iframe内嵌页面,特别的如果使用5+API预加载的一些页面如侧滑菜单属于本页面包含的资源(预加载的页面在本页面显示的均为本页面包含的资源)。
B部分为“可从本页面打开的页面”,特别的,使用返回键“返回”的页面不属于可从本页面打开的页面
C部分为既非“本页面包含的资源”也非“可从本页面打开的页面”的“其他资源”,特别的,此列表中带?角标的资源为未被其他任何页面使用,也不能从其他页面打开的闲置资源。
注意为避免出现性能问题,闲置资源的刷新并非实时的,如开发者核对闲置资源前请先点击右侧列表上方的“刷新其他资源列表”

如何生成页面引用关系

\n

扫描代码生成

\n

1.首次进入页面引用关系的可视化操作界面,HBuilder会自动检查是否有页面引用关系。如果没有,则通过分析项目代码生成初步的页面引用关系。
2. 也可以点击下图中“扫描代码”链接手动触发扫描代码


注:
1.JS的写法太灵活,可能会导致扫描结果不全,或将页面资源当做下级可打开的页面,需要人工干预
2. 扫描完毕后,HBuilder将新增部分以黑色加粗字体显示,开发者在使用过程中需要着重检查此部分结果,如下图

3.点击“本页面包含的资源”或“可从本页面打开的下级页面”列表中黑色加粗条目,或将其移动到其他列表中,表示开发者已确认,保存后黑色加粗消失

真机运行

\n

点击"页面引用关系"顶部的专用真机运行链接,使用Android设备或模拟器将整个App运行一遍,即可自动生成App的页面引用关系
运行的页面越全面,包括各种业务逻辑都点到,则生成的App页面引用关系越完整。如下图

手动调整

\n

当然,你可以手动调整页面引用关系,选中一个页面,如果你认为包含的页面不正确,实际上是可打开的次级页面,你可以将其移动到可打开的页面。同理,你可以把本页面不含的资源移动到包含的资源或可打开的页面

代码视图

\n

点击manifest.json代码视图,页面引用关系记录在dependencies节点下。同时,在pages节点下可手动为流应用配置页面下载的优先级,修改priority的值即可


1 分享
蔡繁荣
lxl

lxl 回复 DCloud_HB_深井冰

每次把dependancies删掉,过一段时间就又自己出来了,很头疼啊。manifest本来才区区200多行,多了这个dependancies后瞬间破千,看着那又臭又长的东西很头疼啊。
0 赞 2017-05-21 14:06
DCloud_HB_深井冰

DCloud_HB_深井冰 回复 Danny

有什么地方影响到你了么嘿嘿,打包时这些数据自动过滤掉的。开发者不手动触发的话,一般不会生成的
0 赞 2016-01-13 17:35
Danny

Danny

如何在HB中关闭或者禁用自动生成引用关系??目前用不到这个功能,不想HB自动生成这些配置。@DCloud_HB_深井冰
0 赞 2016-01-13 09:28
DCloud_HB_深井冰

DCloud_HB_深井冰 回复 Hui前端框架

bug,已修复,请更新到最新版(6.9.2)
0 赞 2016-01-06 16:41
Hui前端框架

Hui前端框架 回复 Hui前端框架

补充信息:我觉得应该是软件本身生成配置有bug。试了好多次。
0 赞 2016-01-04 18:40
Hui前端框架

Hui前端框架

App项目,生成manifest,json文件 每次页面引用关系都报错dependencies,后来发现每次都生成两组dependencies 配置,造成,json配置文件格式出错,每次都得手动修改配置文件格式,方可解决。
0 赞 2016-01-04 18:38
DCloud_HB_深井冰

DCloud_HB_深井冰 回复 谭先生

6.8.2已修复这个问题
0 赞 2015-12-11 23:11
DCloud_HB_深井冰

DCloud_HB_深井冰 回复 易网动力

6.8.2已修复这个问题
0 赞 2015-12-11 23:11
DCloud_HB_深井冰

DCloud_HB_深井冰

ramcachemode="enable",在plus节点下加入这个节点,真机联调就不会卡了
话说这个不应该影响最终打包效果的。
0 赞 2015-12-07 14:52
谭先生

谭先生 回复 易网动力

是啊,我也出现了同样的问题。
0 赞 2015-12-07 14:22
易网动力

易网动力

今天升级后的确有引用关系这个功能,但是造成页面打开非常慢,频繁出现闪退的现象,还是把这个功能去掉吧,app明天就要发布了,却出现这种情况,要人命啊
0 赞 2015-12-06 14:48
上杉绘梨衣

上杉绘梨衣

期待
0 赞 2015-11-27 22:27

要回复文章请先登录注册