找回密码
 立即注册
LiveVideoStack 首页 资讯 查看内容
  • QQ空间
  • 回复
  • 收藏

在“小程序”PWA上开发WebRTC(3)

2018-4-19 09:02

审核


在“审核”标签中,你可以访问谷歌的Lighthouse。Lighthouse是一个功能强大的工具,你可以应用它来对应用程序执行自动化性能和PWA启发式评估。运行此项则将根据您的应用程序在各种标准上的应用程度,在0到100之间进行评分。同时,它还将提供指导并帮助你改善评估分数。随着未来Chrome更新的启发式转变和发展,在你无需执行任何操作的情况下,你的分数就可能会发生变化。出于这个原因,请确保定期运行此测试。此工具也可作为CLI使用,你可以将其插入Continuous Integration(CI),并通知你回归。有关Lighthouse的更多信息,请参阅Google的文档。


性能和内存


此项对于诊断应用程序的性能和识别瓶颈非常有用。如果你在笔记本电脑上遇到问题,那么该问题在受热能限制的智能手机上则愈加严重。更重要的是,如果你的应用程序总是以60帧/秒的速度运行,则默认在智能手机上不会出现同类情况。


这使我了解了Chrome浏览器中最重要的工具——远程调试。


远程调试


该选项在Developer Tools中是不可用的,但来自于chrome://inspect/#devices。从这里你可以设置远程调试,以针对真实设备运行Chrome Developer Tools。我曾提到需要在实际设备上进行测试。这是一个非常强大的工具,它可以帮助你诊断笔记本上肉眼所看不到的问题。想获取有关如何设置和使用它的更全面的指南,请参阅https://developers.google.com/web/tools/chrome-devtools/remote-debugging/。


使用Chrome的远程开发者工具在移动设备等远程设备上运行开发控制台


你甚至可以通过手机实时检查视图。


PWA桌面版


最后,请记住,PWA不限于移动设备、智能手机使用。


为制作令人惊叹的PWA所采取的大多数步骤,对于桌面应用程序来说也可能是有价值的。仅仅因为你坐在“合适的”电脑前,这是否就意味着你不需要快速地,即时的加载数据和享受高性能的用户体验?


即便如此,PWA工具箱正于今年缓慢进入桌面领域。它已经可以在功能标志后的Chrome上进行测试。我已经在我的Macbook上运行了几个星期,现在我很享受它带来的功能优化体验。


它与Electron应用程序价值主张非常相似,但与之不同的是你可以将Web应用程序发布到用户桌面,而不用捆绑整个Chromium浏览器实例。同样,这意味着不用数百兆字节测量应用程序下载的大小,也可以将其缩小到几百千字节。另外,通过共享一个通用的浏览器引擎,与每个应用程序的专用Chromium实例相比,您将看到更小的内存占用。


显示appear.in如何在安装时看起来像在台式计算机上运行。该图标来自链接的清单。在MacOS上,应用程序显示在Dock中,并可以使用Spotlight打开-就像其他任何应用程序一样。


来自: LiveVideoStack
文章点评
相关文章