使用谷歌 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 只需要在此处删除此网站域名即可。

目录
相关文章
|
18天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
13天前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
|
15天前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
|
15天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
22天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
138 9
|
1月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
109 0
|
2月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
452 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
1月前
|
Web App开发 开发者
|
1月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
|
1月前
|
Web App开发 缓存 安全
Chrome浏览器启动参数大全
这是一组用于定制浏览器行为的命令行参数,包括但不限于:不停用过期插件、放行非安全内容、允许应用中心脚本、停用GPU加速视频、禁用桌面通知、禁用拓展及各类API、调整缓存设置、启用打印预览、隐身模式启动、设定语言、使用代理服务器、无头模式运行等。通过这些参数,用户可以根据需求灵活调整浏览器功能与性能。