我可以仅为本地主机禁用 Google Chrome 自动填充功能吗?

我可以仅为本地主机禁用 Google Chrome 自动填充功能吗?

我是一名开发人员,Chrome 在我本地机器上运行的开发网站上的表单中建议我的所有个人地址信息,这非常烦人。是否可以禁用本地主机、域或 IP 地址上的自动填充?我在高级设置中看不到任何内容。

答案1

我最近回答了另一个问题,同样要求自定义 Chrome 的功能(也是受到了@保罗)。

注意:此解决方案允许您阻止特定 IP 地址或 IP 列表,而无需加载任何附加库无需额外脚本在您的项目中。事实上,您可能经常会屏蔽所有 Javascript 功能,但“noautofill”控件会继续运行,避免与其他库发生冲突,同时让您真正了解消耗费用和渲染时间,这可以节省每天在不同 Web 项目上调试的时间。

创建一个使用 Chrome API 的“匹配过滤器主机”的 Chrome 扩展程序,并过滤您的自定义IP host或。然后将 所有“输入”和“表单”标签的namehost属性设置autocomplete为。off

我们按照以下步骤进行:

  • 创建一个名为ex的新文件夹。无自动填充

  • 在我们的新文件夹中创建一个名为清单.json并在里面添加以下代码:


{
  "name": "No Autofill",
  "version": "1.0",
  "manifest_version": 2,
  "description": "No Autofill.",  
  "content_scripts": [ {
      "all_frames": true,
      "exclude_globs": [  ],
      "include_globs": [ "*" ],  
      "js": [ "script.js" ],      
      "matches": [   
                   "http://192.168.1.100/",
                   "http://127.0.0.1/",
                   "http://10.0.1.100/",
                   "http://localhost/",
                   "http://wp.local/",
                   "http://192.168.1.100/*",
                   "http://127.0.0.1/*",
                   "http://10.0.1.100/*",
                   "http://localhost/*",
                   "http://wp.local/*"                   
                    ],
      "run_at": "document_start"
   } ],
  "permissions": [ "tabs", "http://*/", "https://*/", "https://*/*", "http://*/*", "contextMenus" ]

}
  • 在我们的新文件夹中创建一个名为的新文件脚本.js并在里面添加以下代码:


(function(){    
    chrome.extension.sendRequest({
        autofill:'off'
    },function(){       
        var inputnodes = document.getElementsByTagName('input');    
        for(var i=0;i<inputnodes.length;i++){       
            inputnodes[i].setAttribute('autocomplete','off');
        }       
        var formnodes = document.getElementsByTagName("form");    
        for(var i=0;i<formnodes.length;i++){                    
            formnodes[i].setAttribute('autocomplete','off');
        }       
  });
})();
  • 我们进入 Chrome 菜单 » 设置 » 扩展程序

  • 现在我们点击“加载已解压的扩展”按钮

  • 最后,我们标记我们的文件夹并点击打开按钮。

结果如下:

无自动填充

这个系统非常简单,你可以自定义文件脚本.js使用您自己的控制代码。将来,您可能会添加其他脚本、CSS、配置页面等。请记住,每次您在文件中进行更改时脚本.js您应该使用 重新加载插件 CtrlR

您还可以获得有关如何创建 Chrome 扩展程序的更详细指南

答案2

关于使用第二个配置文件或安装第二个版本的 Chrome 的其他答案应该可以正常工作。我采取不同的角度只是为了提供另一种选择,而不是因为我认为这是更好的方法。


由于您在本地开发网站,只需包含 jQuery 库和 jQuery 脚本,其中包含以下代码:

$(document).ready(function() {
    $(":input").attr("autocomplete","off");
});

这将关闭网页上所有输入的自动填充功能。与服务器端包含文件(在头部)结合使用意味着在测试期间添加它并在整个网站的生产过程中将其删除将非常容易。

答案3

不幸的是,Google Chrome 没有针对每个站点的自动填充过滤选项。

另一种方法是使用Lastpass Chrome 扩展程序,您可以在其中决定根据每个站点记住哪个字段。

另一种方法是创建新的用户个人资料Chrome 设置 -> 用户 -> 添加新用户或安装不同版本的 Chrome(Chrome Stable / Beta / Dev,Chrome 金丝雀版, 或者)。

答案4

可以实现他们的目的自动填充扩大。

我认为它具有您所寻找的所有功能。

自动填充

相关内容