使用谷歌 Chrome 浏览器禁用网页 JavaScript

本文涉及的产品
.cn 域名,1个 12个月
简介: 避免 Web 弹窗影响正常阅读

I - 概述

1.1 - JavaScript 的功能


Web 中 JavaScript 的主要功能为实现网页的动态,与用户的交互, HTML DOM 节点的增删修改等。
如:

  • 在网页中插入新的 HTML 元素,修改现有的网页内容和样式
  • 响应用户的动作,响应鼠标的点击/移动、键盘的按键事件等
  • 向远程服务器发送网络请求,AJAX 请求,下载/上传文件等
  • 获取或修改 cookie,向访问者提出问题、发送消息等
  • 记住客户端的数据,记住密码等
  • 实现页面的效果更改,动画效果等
  • ....

这些功能保证了一个 Web 页面的正常运行。

1.2 - 为何要禁用 JavaScript


禁用 Web 的 JavaScript 可能出于多种原因:

  • Web 开发人员的一些调试
  • 某些网站会有一些动态弹窗影响阅读,或必须登录才能浏览内容,等等。对正常网页使用造成负担等

如下图示例,打开某个网页后会弹出登录要求,未登录即无法浏览网页内容。但由于网络原因无法成功注册,而且没有相关的 GMAILFB 账户也无法登录,从而导致无法浏览网站内容。

情境.png

II - 禁用 JavaScript 的方式

2.1 - Chrome 调试工具


首先,使用谷歌浏览器 Chrome 打开想要禁用 JavaScript 的网站,进入网页后按下 F12 打开调试工具,此时会从浏览器右侧或下方弹出调试工具。

接着按下 CTRL + SHIFT + P 进入命令输入栏,输入 Disable JavaScript ,然后鼠标点击下方出现的 Debugger Disable JavaScript

调试哦工具.png

如果 JavaScript 禁用成功,则会在浏览器地址栏最右侧出现如下图红框中的标识,将鼠标放置在此标识上则会显示 "已拦截此网页上的 JavaScript" 。

禁用状态.jpg

这时使用浏览器刷新页面,则可不再弹出登录要求的界面。网页即可正常浏览。

再次启用 JavaScript,只需要在以上命令行步骤中输入 Enable JavaScript ,然后点击对应内容即可。甚至不至于这么麻烦,此种方式禁用 JavaScript 只是暂时禁用此 Web 分页的 JavaScript。关闭 Chrome 浏览器重新打开,或者 在新的 Web 分页打开此网页即可看到 JavaScript 被再次启用。

2.2 - Chrome 黑名单


问题的解决方案都不唯一,禁用 Web 网页 JavaScript 的方式也是一样,前一个小节的方法为临时禁用 JavaScript ,当然也可以一劳永逸的禁用所有来自这个域名任何网页上的 JavaScript。

首先在谷歌 Chrome 浏览器右上角找到三个点的按钮,并点击打开 " 设置 (Settings) "

settings.png

展开设置中的高级,选择 "隐私设置和安全性 (Privacy and security) " ,然后点击 "网站设置 控制网站可使用的信息以及可向您显示的内容 (Site settings Controls what information sites can use and show ( location, cameras, pop-ups, and more)) "

在这里插入图片描述

接着在网站设置中找到并点击 "JavaScript 允许 (JavaScript Sites can use JavaScript)"

privacy.png

或关闭允许 JavaScript。或者指定部分网站不允许使用:

add.png

点击 "禁止 (Not allowed to use JavaScript)" 的 "添加 (Add)" 按钮,输入网站的主域名,如对于以下域名

https://www.xxxx.org/dfadfas-sdfas

只需要输入

https://www.xxxx.org

点击 "添加 (Add)",即禁用了所有来自此域名的所有网页上的 JavaScript。

同样,为了还原,再次启用本网站的 JavaScript 只需要在此处删除此网站域名即可。

目录
相关文章
|
15天前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
10天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
8天前
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
|
23天前
|
Web App开发 JavaScript 前端开发
使用Python调用JavaScript进行网页自动化操作
使用Python调用JavaScript进行网页自动化操作
|
19天前
|
Android开发 iOS开发 C#
Xamarin.Forms:从零开始的快速入门指南——打造你的首个跨平台移动应用,轻松学会用C#和XAML构建iOS与Android通用界面的每一个步骤
【8月更文挑战第31天】Xamarin.Forms 是一个强大的框架,让开发者通过单一共享代码库构建跨平台移动应用,支持 iOS、Android 和 Windows。使用 C# 和 XAML,它简化了多平台开发流程并保持一致的用户体验。本指南通过创建一个简单的 “HelloXamarin” 应用演示了 Xamarin.Forms 的基本功能和工作原理。
28 0
|
19天前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
28 0
|
20天前
|
Web App开发 缓存 前端开发
哇塞!Chrome 浏览器竟有四大神秘进程,带你探秘互联网世界的强大引擎!
【8月更文挑战第31天】Chrome浏览器因其快速稳定的表现深受用户喜爱,其背后是四大独特多进程架构的支持:浏览器主进程管理界面与进程协调;网络进程处理网络请求及缓存;渲染进程将网页内容转化为可视化页面;插件进程则确保各类插件如Flash Player的安全稳定运行。通过这些进程间的高效协作,Chrome实现了流畅、稳定的上网体验。例如,在访问新闻网站时,各进程协同工作,确保网页内容顺利加载和显示。理解这些进程有助于提升使用体验并有效解决问题。
32 0
|
29天前
|
JavaScript 前端开发
动态背景,视觉盛宴:JavaScript动画让网页活起来!
动态背景,视觉盛宴:JavaScript动画让网页活起来!
|
29天前
|
JavaScript 前端开发
JavaScript引入全攻略:提升网页加载速度的秘诀!
JavaScript引入全攻略:提升网页加载速度的秘诀!
|
1月前
|
Web App开发
Chrome——谷歌浏览器chrome如何模拟其他客户端
Chrome——谷歌浏览器chrome如何模拟其他客户端
73 1
Chrome——谷歌浏览器chrome如何模拟其他客户端