UC浏览器开发者工具可以帮助用户在软件快速调试自己开发的项目，连接到远程的设备就可以开始调试，对于需要在浏览器开发新内容的朋友很适合，这款软件支持TCP调试，将调试的目标输入到软件就可以实现远程调试，也可以使用默认
Devtools Inspector资源、本地 Devtools Inspector资源、自定义 Devtools
Inspector资源进行调试，官方提供了详细的开发调试介绍，如果你正在开发UC浏览器项目就可以下载这款软件进行调试！
软件功能
UC 浏览器开发者版本
开发者版本 (Developer Edition) 支持 DevTools Protocol，它允许开发者使用任何兼容该协议的客户端（如 Chrome 开发者工具）进行远程调试。最新版基于 Chromium 57 构建，对 PWA 、ES2015+ 等新特性支持良好。
良好支持 PWA 新特性
开发者版本已良好支持了 ServiceWorker、Web Push、Add to Home screen 等新特性。
UC 浏览器开发者工具
开发者工具（Developer Tool）支持DevTools Protocol，它允许开发者不再需要依赖其他工具进行调试。最低的内核版本要求为U4/2.0。
软件特色
网络/连接
网络信息API使Web应用程序可以访问设备的基础连接信息。
虚拟视口缩小
用户输入
捏缩放将相对于position：fixed元素合理地表现。位置：在缩放过程中，固定元素不再附着在可视视口上。
缓存API
离线/存储
缓存API允许作者完全方便地管理其内容缓存以供脱机使用。一个原点可以具有多个名为Cache的对象，可以通过worker和文档脚本进行访问。
内容安全策略级别2
安全
内容安全策略规范的演变，允许开发人员创建受信任内容来源的白名单，并指示浏览器仅执行或呈现来自那些来源的资源。
ServiceWorkers（以前称为Navigation Controllers）是一个新系统，提供独立于网页运行的事件驱动脚本。它们与SharedWorkers相似，区别在于它们的生存时间不同，并且可以访问域范围的事件，例如网络提取。
用例：脱机，减少感知的页面加载延迟，最终将增强通知/推送/同步/ ...用例。
WebAudio：PannerNode默认行为
多媒体
HRTF panner为响应使用大量内存，并且需要大量处理才能实现。对于低端移动设备，这可能是一个问题。由于默认的Panner模型是HRTF，因此Panner的创建会导致加载响应。
安装方法
1、打开uc-devtools.msi直接安装，点击下一步开始安装
2、设置软件的安装地址C:\Program Files (x86)\uc-devtools-0.4.1\
3、软件的安装准备界面，点击下一步
4、提示安装进度，等等软件安装结束
5、uc-devtools.msi已经安装完毕，进入安装地址找到主程序就可以直接打开
使用说明
1、UC浏览器开发者工具界面如图所示，你需要连接设备才能使用
2、软件的设置功能，可以在这里选择需要使用的UI资源，可以自定义开发资源
3、TCP调试的功能，在软件界面输入设备端口就可以开始调试
4、小编不会使用UC浏览器开发者工具所以就不介绍了，你可以到官方查看详细介绍
官方教程
Add to Homescreen
Overview
允许将站点添加至主屏幕，是 PWA 提供的一项重要功能。用户在浏览器访问页面的时候，浏览器会在合适的时机弹出添加到桌面的 banner，经用户同意后将当前页面所在的站点添加到用户的手机桌面，并生成桌面图标。
基本条件
站点是 HTTPS 的
拥有 Web App Manifest 文件
成功注册了 service woker
用户对站点的粘度符合一定条件 (浏览器可能不定时调整策略)
什么时候会提示添加到桌面
在满足以下标准的情况下，Chrome 会自动展示 app install banner:
Has a web app manifest file with:
a short_name (used on the home screen)
a name (used in the banner)
a 192x192 png icon (the icon declarations must include a mime type of image/png)
a start_url that loads
Has a service worker registered on your site.
Is served over HTTPS (a requirement for using service worker).
Meets a site engagement heuristic defined by Chrome (this is regularly being changed).
UC Browser 跟 Chrome 基本一致，所不同的是策略部分。
Web App Manifest
新建一个 manifest.json 文件，以 AliExpress 为例：
其中：
name
为应用程序提供一个人类可读的名称，例如在其他应用程序的列表中或作为图标的标签显示给用户。
short_name
为应用程序提供简短易读的名称。 这是为了在没有足够空间显示Web应用程序的全名时使用。
display
为Web应用程序定义开发人员首选的显示模式。可以是 fullscreen,standalone,browser 等
通过 link 标签把 manifest 部署到页面
∨ 展开