V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lete
V2EX  ›  程序员

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

  •  
  •   lete ·
    Lete114 · 2023-01-02 12:50:42 +08:00 · 4172 次点击
    这是一个创建于 677 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    第 1 条附言  ·  2023-01-02 14:52:18 +08:00
    非常感谢各位的热心回答

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

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

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

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

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

    自己琢磨着写了个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-01-02 12:58:00 +08:00
    开个不带插件的新用户,扔个快捷方式到桌面
    24bit
        2
    24bit  
       2023-01-02 12:58:03 +08:00
    匿名模式、访客或者新建一个帐号
    biguokang
        3
    biguokang  
       2023-01-02 13:06:37 +08:00
    https://stackoverflow.com/questions/15928084/disable-all-extensions-on-localhost-in-chrome

    简单来说是在 chrome 新开一个本地账户,你开发的时候切换到这个账户就行,因为这个本地账户你没有装任何插件。
    lete
        4
    lete  
    OP
       2023-01-02 13:09:56 +08:00
    @learningman 但是这样的话,我就没法在其它网站使用插件了呀。就比如我在这个浏览器标签内容调试我的前端代码,但是我的其它浏览器标签也可能在 google 、baidu 等查资料,这些网站就没有插件支持了
    zjy4fun
        5
    zjy4fun  
       2023-01-02 13:37:24 +08:00
    再装一个 Firefox
    leaves7i
        6
    leaves7i  
       2023-01-02 14:20:41 +08:00
    @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-01-02 14:26:41 +08:00
    在下载一个 chromium
    charlie21
        8
    charlie21  
       2023-01-02 14:28:50 +08:00 via iPhone
    换一个浏览器阿 :
    火狐 水狐
    chrome chromium
    lisongeee
        9
    lisongeee  
       2023-01-02 15:03:01 +08:00
    ![image]( https://user-images.githubusercontent.com/38517192/210202292-39e8f98d-97c6-470a-8414-32140d95d993.png)

    浏览器的 `站点访问权限` 目前还没有排除某个站点的情况,所以普通情况下还做不到,想要实现你的效果,只能魔改 chromium 了吧
    yfugibr
        10
    yfugibr  
       2023-01-02 16:42:04 +08:00 via Android   ❤️ 1
    firefox 可以到 about:config 里设置 extensions.webextensions.restrictedDomains
    jim9606
        11
    jim9606  
       2023-01-02 16:48:11 +08:00
    我觉得多装个浏览器挺好的,例如 Chrome Stable 带拓展日用,Chrome Dev 做开发,还能顺便测试新版本兼容性。
    frank553000
        12
    frank553000  
       2023-01-02 16:56:23 +08:00
    F12 ,设置-忽略列表,自定义排除,添加“^chrome-extension://”
    dingwen07
        13
    dingwen07  
       2023-01-02 17:23:00 +08:00 via iPhone
    装一个 Chrome Dev ,装门用来开发
    Dream95
        14
    Dream95  
       2023-01-02 17:29:58 +08:00
    有个插件‘扩展管理器’可以用一下
    cccer
        16
    cccer  
       2023-01-02 18:18:49 +08:00
    扩展管理器( Extension Manager )
    https://chrome.google.com/webstore/detail/extension-manager/gjldcdngmdknpinoemndlidpcabkggco
    这插件可以设置网址规则,在指定页面生效指定的拓展程序
    xiaofan305
        17
    xiaofan305  
       2023-01-02 18:42:10 +08:00 via Android
    新建一个访客
    lete
        18
    lete  
    OP
       2023-01-02 22:28:43 +08:00
    @cccer 这个插件确实有可以设置规则的,但是貌似这个功能是无效的,也可能是我写的规则有问题,以下是我的配置,不知道有没有问题,反正确实这个功能没生效
    ![image]( https://user-images.githubusercontent.com/48512251/210244413-10bd1731-88e5-431d-a645-a5795017a798.png)
    needhourger
        19
    needhourger  
       2023-01-03 10:03:14 +08:00
    如果是 chrome, chrome 的启动参数中有禁用所有插件的。这样你可以开启一个没有插件的新实例。
    https://superuser.com/questions/822429/how-to-start-chrome-without-plugins
    onleaks
        20
    onleaks  
       324 天前
    老哥 你这个插件有代码吗,能发一下吗
    lete
        21
    lete  
    OP
       321 天前
    @onleaks 我找不到了,可能是我已经删掉了吧。
    lete
        22
    lete  
    OP
       321 天前
    @onleaks 其实还是存在 bug 的,tab 切换的时候,例如从 a 页面跳到 b 页面,然后在跳会 a 页面,这时 a 页面的有些插件无法正常工作
    onleaks
        23
    onleaks  
       320 天前
    @lete 前两天已经写了一个插件,根据 url 切换选择开启或关闭,感觉还可以
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1182 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 23:54 · PVG 07:54 · LAX 15:54 · JFK 18:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.