𝗛𝗼𝘄 𝘁𝗼 𝗳𝗶𝗻𝗱 "UNUSED' 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗮𝗻𝗱 𝗖𝗦𝗦 𝗰𝗼𝗱𝗲 𝗼𝗻 𝘆𝗼𝘂𝗿 𝗽𝗮𝗴𝗲? 🤔
您可以使用 Chrome 浏览器的“开发者工具”找到它 😊
- 打开开发者工具(F12)
- 按键:Ctrl + Shift + P
- 输入“覆盖范围”,然后从结果中选择“显示覆盖范围”。
- 将显示一个包含“覆盖范围”选项卡的新窗口。
- 点击“开始监测覆盖率并重新加载页面”图标
因此,它将重新加载页面,并在表格中显示
“网址”、“类型”、“未使用字节数”、“使用情况可视化”等信息。
𝗨𝘀𝗮𝗴𝗲 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻:
- 条形图中红色部分表示未使用的字节
- 绿色部分为已用字节。
𝗦𝗼 𝘄𝗵𝗮𝘁 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝘀𝘁𝗲𝗽? 🤨
重构你的代码库,让每个页面只包含它需要的 Javascript 和 CSS(这可能是一个棘手的部分 🙃)
欢迎在评论区分享您的想法和其他建议。
文章来源:https://dev.to/varunprashar5/unused-3688
