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

目录
相关文章
|
25天前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
44 1
|
2月前
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
137 1
|
27天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
40 5
|
1月前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
105 2
|
1月前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
144 2
|
1月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
246 9
|
1月前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
24 2
|
2月前
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式(行内、内部、外部)和基础语法,包括变量、数据类型、运算符、数组、函数和对象等内容。同时,文章还详细讲解了 jQuery 的基本语法和常用方法,如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等,以及如何插入和删除元素。通过示例代码和图解,帮助读者更好地理解和应用这些知识。
29 1
【JavaScript】网页交互的灵魂舞者
|
29天前
|
Web App开发 人工智能 自然语言处理
WebChat:开源的网页内容增强问答 AI 助手,基于 Chrome 扩展的最佳实践开发,支持自定义 API 和本地大模型
WebChat 是一个基于 Chrome 扩展开发的 AI 助手,能够帮助用户理解和分析当前网页的内容,支持自定义 API 和本地大模型。
65 0
|
2月前
|
Web App开发 开发者