抖音开放平台Logo
控制台

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

​页面信息设置​

页面基础信息包括标题、摘要、Keywords 等信息。这些页面基础信息内容，会影响到爬虫抓取和算法理解效果，需要开发者进行符合搜索要求的设置。​
​可以通过 tt.setPageInfo 设置页面信息。​
​页面基础信息的设置应与页面本身的内容相关，建议先通过 tt.request 请求开发者 server，由开发者 server 返回相关信息，再通过 tt.setPageInfo 设置到页面中。​
​​

​页面直达访问​

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

​兼容能力适配​

​由于 Web 化后的页面是供搜索理解，Web 化环境的特殊性导致其不支持部分小程序能力。 ​
其中需要重点关注的能力为登录、定位等跟用户信息相关的授权能力均不支持，且不支持 webview 组件。​
总体来说，需要保证页面渲染，不被以下能力阻塞。 ​
不支持的能力列表见：Web 化功能差异表。​
​​

​搜索访问信息说明 ​

​搜索理解页面时，有专属的 UA 和 Referer 。开发者的服务端可以通过这些信息区分搜索和客户端的访问流量。​
​搜索访问 UA：​
JavaScript
复制
// 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：​
JavaScript
复制
https://tmaservice.developer.toutiao.com/?appid={appid}&version={version}
​

​开发者工具预览调试​

完成页面适配后，可以在 IDE 进行预览调试，本地验收效果。​
​抖音开发者工具 4.2.5 及之后版本支持 Web 化预览及配置检测。下载地址：开发者工具正式版下载​
​预览调试步骤：​
    1.​点击"Web 化"进行 Web 化预览，查看模拟器中页面渲染效果。​
    2.​打开详情 -> 工程配置 -> Web 化配置检测，校验页面是否符合 Web 化规范。​
    3.​console 面板中查看页面 Web 化检测报告，确认页面适配检测、白屏检测、重定向检测通过，且 Web 化不生效能力不影响页面渲染。​
​
​
​
​
​
​
​​