页面适配及调试
收藏
我的收藏

页面信息设置

页面基础信息包括标题、摘要、Keywords 等信息。这些页面基础信息内容，会影响到爬虫抓取和算法理解效果，需要开发者进行符合搜索要求的设置。

可以通过 tt.setPageInfo 设置页面信息。

页面基础信息的设置应与页面本身的内容相关，建议先通过 tt.request 请求开发者 server，由开发者 server 返回相关信息，再通过 tt.setPageInfo 设置到页面中。

页面直达访问

由于用户搜索后会直接访问该页面，因此需要保证提交页面能够作为落地页直达访问。

兼容能力适配

由于 Web 化后的页面是供搜索理解，Web 化环境的特殊性导致其不支持部分小程序能力。

其中需要重点关注的能力为登录、定位等跟用户信息相关的授权能力均不支持，且不支持 webview 组件。

总体来说，需要保证页面渲染，不被以下能力阻塞。

不支持的能力列表见：Web 化功能差异表。

搜索访问信息说明

搜索理解页面时，有专属的 UA 和 Referer 。开发者的服务端可以通过这些信息区分搜索和客户端的访问流量。

搜索访问 UA：

// PC
Mozilla/5.0 (compatible; Bytespider; https://zhanzhang.toutiao.com/) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.0.0 Safari/537.36 
// Android
Mozilla/5.0 (Linux; Android 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Mobile Safari/537.36 (compatible; Bytespider; https://zhanzhang.toutiao.com/) 
// iOS
Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.36 (KHTML, like Gecko) Version/7.0 Mobile Safari/537.36 (compatible; Bytespider; https://zhanzhang.toutiao.com/)

搜索访问 Referer：

https://tmaservice.developer.toutiao.com/?appid={appid}&version={version}

开发者工具预览调试

完成页面适配后，可以在 IDE 进行预览调试，本地验收效果。

抖音开发者工具 4.2.5 及之后版本支持 Web 化预览及配置检测。下载地址：开发者工具正式版下载

预览调试步骤：

点击"Web 化"进行 Web 化预览，查看模拟器中页面渲染效果。

打开详情 -> 工程配置 -> Web 化配置检测，校验页面是否符合 Web 化规范。

console 面板中查看页面 Web 化检测报告，确认页面适配检测、白屏检测、重定向检测通过，且 Web 化不生效能力不影响页面渲染。

页面适配及调试收藏我的收藏

​页面信息设置​

​页面直达访问​

​兼容能力适配​

​搜索访问信息说明 ​