UC浏览器开发者工具

　　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 部署到页面