我试图调试一个网站的功能,当用户禁用他们的JavaScript。我想知道如何从谷歌Chrome DevTools禁用JavaScript页面?
当前回答
进入选项(窗口:右上方三个垂直点)->设置,或点击F1。 在General部分,你会发现“禁用JavaScript”
齿轮图标不再是开发工具的一部分。自从Chome 30.0以来,甚至不可能把它带回来(在谷歌Chrome开发工具中,工具栏图标消失了。到底发生了什么事?)
其他回答
这个扩展使它更快(我是作者):快速Javascript切换器
它是开源的:https://github.com/maximelebreton/quick-javascript-switcher
2020年8月更新
开发人员工具(F12) 点击齿轮图标
应该打开偏好选项卡吗 禁用Javascript选项在最右边
原来的答案
开发人员工具(F12) 右上角有三个垂直的点 设置 在左边的“偏好”标签下
会有一个“调试器”部分,其中有这个选项(可能在最右边)
在OSX上,我必须点击三个垂直点,并取消设置部分的复选框。哪个也可以用f1打开
至少在Windows 10上只使用键盘:
F12显示开发人员工具 F1,显示设置 选项卡,移动到“禁用Javascript”复选框 空格,切换该选项 esc,隐藏设置
按F8暂时冻结/解冻JS (DevTools打开)。
这对于调试元素的UI问题非常有用,如果单击或按下元素之外的任何内容,元素可能会失去焦点。(Chrome 71.0.3578.98, Ubuntu 18.10)
推荐文章
- 在数组中获取所有选中的复选框
- 如何为Firebase构建云函数,以便从多个文件部署多个函数?
- 如何发送推送通知到web浏览器?
- AngularJS:工厂和服务?
- js:将一个组件包装成另一个组件
- 父ng-repeat从子ng-repeat的访问索引
- JSHint和jQuery: '$'没有定义
- 模仿JavaScript中的集合?
- 用JavaScript验证电话号码
- 如何在HTML5中改变视频的播放速度?
- 谷歌地图API v3:我可以setZoom后fitBounds?
- ES6/2015中的null安全属性访问(和条件赋值)
- 与push()相反;
- JS字符串“+”vs concat方法
- AngularJS使用ng-class切换类