看完必恍然大悟的活字格内幕：五十一、钉钉中导航栏标题有误问题

有格友反馈在集成了钉钉后，通过手机端钉钉打开活字格应用的时候，会遇到这样的情况：
页面跳转时标题有误，显示的竟然是上一个页面的标题  

现象：
这个描述可能不太好理解，于是我专门精心绘制了一张连环画，来描述这个的场景：


①打开应用，页面为应用首页，页面标题也是“首页”，好像没什么毛病。
②跳转到收费页面，但是页面标题仍然是“首页”，苗头已经开始显现。
③接着，再跳转到查询页面，页面标题竟然是刚刚的“收费”，这反射弧有点长啊......
④我还想进一步验证一下，于是又跳转到“我的”，好家伙，标题果然是刚刚的“查询”!

这是为什么呢？

原因：
经过一系列调查后，终于发现，这是因为：钉钉浏览器没有监听title属性的变更事件，所以这个时候虽然页面跳转了，但是它不知道。

好在钉钉开放了对应的接口：设置导航栏标题 - 钉钉开放平台 (dingtalk.com)，我们还是可以通过调用这个JSapi来解决这个问题的~


解决方案：
第一步：在自定义JavaScript/Css里引入钉钉的JsSDK
https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js
第二步：在自定义JavaScript/Css里引入，setTitleForDingding.js 代码如下：

1. Forguncy.Page.bind("PageDefaultDataLoaded", function (arg1, arg2) {
   
2.     if (window.dd && window.dd.biz && window.dd.biz.navigation && window.dd.biz.navigation.setTitle){
   
3.     window.dd.biz.navigation.setTitle({ title: document.title });
   
4.     }
   
5. }, "*");

复制代码

setTitleForDingding.js (254 Bytes, 下载次数: 262)

2021-7-13 18:05 上传

点击文件名下载附件

如图所示：




这样就可以在每次页面加载后通过这段代码，调用上面提到的biz.navigation.setTitle设置导航栏标题啦~