万众海浪论坛  
温馨提示今天是:

当网络繁忙时请选择:https://bbs.838778.com(线路一)https://bbs.939138.com(线路二)进入本站论坛。


 
标题: Chrome 59中 DevTools 的新功能,可查找未使用的JS-CSS代码
爱呈豹
银牌元老
Rank: 8Rank: 8


UID 186320
精华 0
积分 7030
帖子 1406
威望 7030 点
金钱 28130 RMB
阅读权限 100
注册 2017-8-30
状态 离线
 
发表于 2017-9-1 17:47  资料  个人空间  短消息  加为好友  QQ
Chrome 59中 DevTools 的新功能,可查找未使用的JS-CSS代码

Chrome 59中 DevTools 的新功能,可查找未使用的JS/CSS代码
【每日科技网】 Note: 可以通过 病例解析:当肺结核遭遇感冒 chrome://help 查看当前的 chrome 版本。
CSS 和 JS 代码覆盖率. 通过新的 Coverage 标签列出未使用的 CSS 和 JS。
全屏截图. 获取整个页面的截图,从页面视图的顶部到底部。
阻止请求. 手动禁用网络面板中的单个请求。
跨越异步等待. 可预测地跨越异步请求喝水过量还会引起水中毒
统一命令菜单. 执行命令并从新统一的命令菜单打开文件。
生活小窍门—巧用鸡蛋壳新功能介绍
CSS 和 JS 代码覆盖率
在新的 Coverage 标签下列出未使用的 CSS 和 JS 代码。当你运行一个页面时,这个标签展示了人生中最快的路未必是最好的路 你的代码覆盖率,以及加载了多少。你可以通过仅仅保留有用的代码来优化页面的大小。
图 1. Coverage 标签

点击一个 url 将会在 Sources 标签下以断点的方式展示哪些代码被执行了。
图2. Sources 标签下的代码春季护肤--五款美容养颜汤覆盖率展示

每一行代码都被以颜色区分:
绿色表示代码被执行;
红色表示没有被执行;
既有红色又有绿色,比如图2中的第3行,表示该行的一部分代码被执行。例如一个三元表达式如:var(= 0)?A:0 是红色和绿色。
Note: 这里的颜色在未来的 chrome 版氯苯达诺片 本中可能会有变化。
打开Coverage标签:
打开 Command Menu.
开始输入 Coverage然后选择 Show Coverage。
全屏截图
通过下面的视频来学习如何使用截取一整个页面的功能。
阻止请求
想要看看在特定的 、stylesheet或其他资源无法找到时页面如何表现吗?在Network标签中右击这个请求,选择Block Request URL,将会显示一个新的Request blocking标签,用以管理被卡住的请求。
图3. Block Request URL

跨越异步等安儿宁颗粒
到目前为止,尝试像下面的代码片段一样执行代码是很令人头痛的。你会在 test() 的中间,跳过一行,然后你会被 setInterval() 中断。 现在,当新妈咪做月子,饮食有高招 你逐步执行异步代码如 test(),DevTools 从第一行到最后一行步进。
function wait(ms) {
return new Promise(r = setTimeout(r, ms)).then(() = Yay
// do some work 纽崔莱维生素C片in background.
setInterval(() = 42, 200);
async function test() {
debugger;
const hello = world
const response = 火锅好吃却未必适合每个人 await fetch('index.html');
const tmp = await wait(1000);
console.log(tmp);
return hello;
async function 胎儿多大时适合音乐胎教runTest() {
let result = await test();
console.log(result);
统一命令菜单
<p> 现在打开 Command Menu,你将注意到前面有一个大于号。这是因为命令菜单已经通过打开文件菜单进行统一 Command + O(Mac)或 Control 补脾补肾中医推荐三款药膳 + O(Windows,Linux)。</p>











http://dx.ec0750.com/forum.php?mod=viewthread&tid=207042
http://bbs.leadwei.cn/forum.php?mod=viewthread&tid=1860448
http://www.qingta.net/forum.php?mod=viewthread&tid=1496849
http://zhuli.qufuweb.com/forum.php?mod=viewthread&tid=753380
http://www.plidea.com/forum.php?mod=viewthread&tid=318872
http://odin.ezlineage.cc/forum.php?mod=viewthread&tid=1905
http://www.daguantianxia.com/thread-97517-1-1.html
http://www.hhc.cc/forum.php?mod=viewthread&tid=1900215
http://www.i-house.gq/forum.php?mod=viewthread&tid=3075617
http://www.8090cmm.com/forum.php?mod=viewthread&tid=80833
http://www.kzbld.com/forum.php?mod=viewthread&tid=246325
http://www.91huodong.cn/forum.php?mod=viewthread&tid=292121
http://www.xy28b.com/thread-131306-1-1.html
http://www.chm18.com/thread-63963-1-1.html
http://la.xinjiucaiwu.com/forum.php?mod=viewthread&tid=591485
http://xc939.com/forum.php?mod=viewthread&tid=366968
http://web4000.com/forum.php?mod=viewthread&tid=2761626
http://test.ssrencai.com/thread-76060-1-1.html
http://myzenchn.com/forum.php?mod=viewthread&tid=1165513
http://qingta.net/forum.php?mod=viewthread&tid=1496831

顶部
 

 

本站永久域名①:www.838668.com (点击加入您的收藏夹)

当前时区 GMT+8, 现在时间是 2024-12-23 08:17

     Powered by Discuz! 5.5.0  © 2001-2007, Skin by Cool
Clear Cookies - Contactus - 万众海浪论坛 - Archiver - wap