lete
V2EX  ›  程序员

在前端开发中,如何禁止浏览器插件在 127.0.0.1 和 localhost 生效?

By lete at 2023 年 1 月 2 日 · 6218 次点击

当你开开心心挖坑,开一个前端项目时,免不了在浏览器本地调试,这时你安装的很多插件可能会在你本地启动的服务中注入一些功能,比如注入 js ,html 等会影响你的调试

虽然可用通过开一个无痕窗口来决绝这个问题,但一个正常窗口和一个无痕窗口+vscode 反复横跳很麻烦,我更喜欢按 alt+tab 来切换应用,如果多了无痕窗口的话,我就得多按一次 tab,这让我很不舒服

一方面这些插件会影响你调试,另一方面这些插件可能带来一些莫名其妙的问题,导致你在排除 bug 的时候出现一些神奇的现象,完了你还在那找半天

结果: 哦,原来 tmd 不是我的问题(浪费不少时间)

所以我在想,要是 chrome 能有一个功能开关,可用禁止插件在 127.0.0.1 和 localhost 生效就好了

第 1 条附言  ·  2023 年 1 月 2 日
非常感谢各位的热心回答

大部分回复都是,再装个浏览器,或者多开浏览器、多浏览器用户

以上办法基本上和启动无痕模式差不多

我想要的是,只有再 127.0.0.1 和 localhost 让所有的浏览器插件失效,非 127.0.0.1 和 localhost 时则启动浏览器所有插件

举个例子:比如我现在的标签页的 url 地址是 http://127.0.0.1:3000 所有插件失效,另一个标签页的地址是 https://google.com 所有插件生效,不知道这样描述能不能明白我的意思
第 2 条附言  ·  2023 年 1 月 2 日

再次感谢各位大佬的热心帮助

自己琢磨着写了个chrome插件,效果如下

https://user-images.githubusercontent.com/48512251/210246949-96dfc4ab-bd20-4340-ac3d-3daeae56ff4a.mp4

23 条回复  •  2023-12-25 11:57:36 +08:00
learningman
   1
learningman  
   2023 年 1 月 2 日
开个不带插件的新用户,扔个快捷方式到桌面
24bit
   2
24bit  
   2023 年 1 月 2 日
匿名模式、访客或者新建一个帐号
biguokang
   3
biguokang  
   2023 年 1 月 2 日
https://stackoverflow.com/questions/15928084/disable-all-extensions-on-localhost-in-chrome

简单来说是在 chrome 新开一个本地账户,你开发的时候切换到这个账户就行,因为这个本地账户你没有装任何插件。
lete
   4
lete  
OP
   2023 年 1 月 2 日
@learningman 但是这样的话,我就没法在其它网站使用插件了呀。就比如我在这个浏览器标签内容调试我的前端代码,但是我的其它浏览器标签也可能在 google 、baidu 等查资料,这些网站就没有插件支持了
zjy4fun
   5
zjy4fun  
   2023 年 1 月 2 日
再装一个 Firefox
leaves7i
   6
leaves7i  
   2023 年 1 月 2 日
@lete

使用命令行或者快捷方式指定用户数据文件夹:
"C:\chrome\chrome.exe" --user-data-dir="C:\chrome\data1"
"C:\chrome\chrome.exe" --user-data-dir="C:\chrome\data2"
可以同时打开多个浏览器,程序和用户数据文件夹路径自己修改
hervey0424
   7
hervey0424  
   2023 年 1 月 2 日
在下载一个 chromium
charlie21
   8
charlie21  
   2023 年 1 月 2 日 via iPhone
换一个浏览器阿 :
火狐 水狐
chrome chromium
lisongeee
   9
lisongeee  
   2023 年 1 月 2 日
![image]( https://user-images.githubusercontent.com/38517192/210202292-39e8f98d-97c6-470a-8414-32140d95d993.png)

浏览器的 `站点访问权限` 目前还没有排除某个站点的情况,所以普通情况下还做不到,想要实现你的效果,只能魔改 chromium 了吧
yfugibr
   10
yfugibr  
   2023 年 1 月 2 日 via Android   ❤️ 1
firefox 可以到 about:config 里设置 extensions.webextensions.restrictedDomains
jim9606
   11
jim9606  
   2023 年 1 月 2 日
我觉得多装个浏览器挺好的,例如 Chrome Stable 带拓展日用,Chrome Dev 做开发,还能顺便测试新版本兼容性。
frank553000
   12
frank553000  
   2023 年 1 月 2 日
F12 ,设置-忽略列表,自定义排除,添加“^chrome-extension://”
dingwen07
   13
dingwen07  
   2023 年 1 月 2 日 via iPhone
装一个 Chrome Dev ,装门用来开发
Dream95
   14
Dream95  
   2023 年 1 月 2 日
有个插件‘扩展管理器’可以用一下
cccer
   16
cccer  
   2023 年 1 月 2 日
扩展管理器( Extension Manager )
https://chrome.google.com/webstore/detail/extension-manager/gjldcdngmdknpinoemndlidpcabkggco
这插件可以设置网址规则,在指定页面生效指定的拓展程序
xiaofan305
   17
xiaofan305  
   2023 年 1 月 2 日 via Android
新建一个访客
lete
   18
lete  
OP
   2023 年 1 月 2 日
@cccer 这个插件确实有可以设置规则的,但是貌似这个功能是无效的,也可能是我写的规则有问题,以下是我的配置,不知道有没有问题,反正确实这个功能没生效
![image]( https://user-images.githubusercontent.com/48512251/210244413-10bd1731-88e5-431d-a645-a5795017a798.png)
needhourger
   19
needhourger  
   2023 年 1 月 3 日
如果是 chrome, chrome 的启动参数中有禁用所有插件的。这样你可以开启一个没有插件的新实例。
https://superuser.com/questions/822429/how-to-start-chrome-without-plugins
onleaks
   20
onleaks  
   2023 年 12 月 22 日
老哥 你这个插件有代码吗,能发一下吗
lete
   21
lete  
OP
   2023 年 12 月 24 日
@onleaks 我找不到了,可能是我已经删掉了吧。
lete
   22
lete  
OP
   2023 年 12 月 24 日
@onleaks 其实还是存在 bug 的,tab 切换的时候,例如从 a 页面跳到 b 页面,然后在跳会 a 页面,这时 a 页面的有些插件无法正常工作
onleaks
   23
onleaks  
   2023 年 12 月 25 日
@lete 前两天已经写了一个插件,根据 url 切换选择开启或关闭,感觉还可以
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
© 2026 V2EX · 83ms · 3.9.8.5