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

收藏

本帖最后由 Chelsey.Wang 于 2021-7-14 12:04 编辑

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

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

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

这是为什么呢？

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

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

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

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

复制代码

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

		自动登录	找回密码
密码			立即注册

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

0 个回复

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐