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

简介: 避免 Web 弹窗影响正常阅读

I - 概述

1.1 - JavaScript 的功能


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

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

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

1.2 - 为何要禁用 JavaScript


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

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

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

情境.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 只需要在此处删除此网站域名即可。

目录
相关文章
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果?
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件,动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法,并附有示例代码和在线演示链接,方便开发者参考与测试。
568 56
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
712 1
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
用Dify+Chrome MCP,3分钟打造能“动手”操作网页的AI助手!无需编程,通过自然语言指令实现自动填表、数据抓取、网页点击等自动化任务。本地部署简单,支持搜索、登录、监控等场景,让AI成为你的7×24小时数字员工,高效处理重复性网页工作。
|
Web App开发 人工智能 自然语言处理
快速掌握Dify+Chrome MCP:打造网页操控AI助手
本文教你如何快速搭建一个能操作浏览器的AI助手:通过Dify和Chrome MCP结合,只需三步配置,即可实现自动填表、数据抓取和网页操控,无需编写代码,用自然语言就能指挥AI完成各类网页任务。
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
本文介绍了如何通过Dify和Chrome MCP在3分钟内打造一个能操作浏览器的AI助手。结合Dify的LLM能力与Chrome MCP的浏览器控制功能,用户可用自然语言指令让AI自动填写表单、抓取数据、点击按钮,实现网页自动化操作。无需复杂编程,适合本地部署,可应用于数据监控、内容抓取等多种场景。
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
2036 58
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
4742 0
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?