本文介绍了浏览器的七大实用技巧，包括响应式模式、编辑网页、离线模式、JavaScript控制台、修改文件保存路径、观察页面加载和获取免费前端性能报告，旨在帮助前端开发者和测试人员提高工作效率。
今天我将谈论浏览器技巧——你甚至可能没有意识到这些小功能的存在，主要是在浏览器的“开发者工具”部分。这些不是关于代码，而是使测试更容易一些的方法。
1.响应式模式
这是我之前在做前端开发时候每天必用的工具，因为那时候响应式前端框架刚刚兴起，我们都希望用一套代码实现pc端和移动端的统一体验。这个工具是chrome和firefox上的轻量手机模拟器，可以模拟网页在不同设备上的显示情况。在 Firefox 中，它是 Tools->Web Developer->Responsive Design Mode，而在 Chrome 中是 View->Developer tools，然后单击设备工具栏 - 看起来像全尺寸屏幕旁边的移动设备图片 . 单击后，您将看到 chrome 认为该网站将如何显示在设备上。
最低0.47元/天 解锁文章
扫一扫
4959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
