请选择 进入手机版 | 继续访问电脑版
搜索
发表于 2021-12-8 17:38:11 505 浏览 0 回复

[生产工具] 前端页面检查神器google chrome lighthouse使用说明

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Lighthouse是前端页面检查神器,出自Google官方,不过现在已经集成到chrome开发者工具中了。dev-tool上面有。chrome浏览器直接F12就可以看到了。

Lighthouse1.jpg

Lighthouse是直接集成到chrome开发者工具中的,位于‘Audits’面板下。

  第1步:下载安装 chrome浏览器

  第2步:在chrome浏览器中打开你需要测试的网站,按f12进入开发者调试模式,点击‘Audits’选项

  第3步:点击“generate report”生成报告

l1.jpg



  第4步:按生成的报告建议来优化
l2.jpg

还可以把报告打印、保存,比如我们保存成html格式,方便后面根据评估来改善网页。

l3.jpg




Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app.

这里还是放一下插件的安装包,如果是老版本的chrome可以安装使用。

lighthouse v100.0.0.0


上次更新日期:2019年11月20日
Lighthouse v100.0.0.0.zip (26.13 KB, 下载次数: 0)

六客插件 - 好用的插件

本站鼓励并倡导使用正版软件,并不做任何破解软件的工作内容。站内所有软件资源版权均属于原作者所有,资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

登录或注册

团队

侧耳倾听

官方客服

Q:572122102

VIP群

付费客户联系客服索取

扫码加Q联系

微信联系

 
快速回复 返回顶部 返回列表