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

Question

我是一名开发人员，让 Chrome 以我正在开发的一个网站的形式建议我所有的个人地址信息，这很烦人。是否可以在本地主机、域或 IP 地址上禁用自动填充？我在高级设置中没有看到任何内容。

Answer 1

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

当您在本地开发网站时，只需使用以下代码包含 jQuery 库和 jQuery 脚本：

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

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

Answer 2

我最近回答了另一个与自定义 Chrome 功能相同要求的问题（也受到@Paul 的启发）。

注意：此解决方案允许您阻止特定的 IP 地址或 IP 列表，而无需在项目中加载任何额外的库和额外的脚本。事实上，你可能经常屏蔽了所有的 Javascript 功能，但是“noautofill”控件会跟随操作，避免与其他库发生冲突，让你也能真正认识到消耗费用和渲染时间，这可以转化为节省调试日的时间今天，在不同的网络项目上。

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

我们继续执行以下步骤：

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

• 在我们的新文件夹中创建一个名为manifest.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" ]

}

• 在我们的新文件夹中，创建一个名为script.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 的菜单 » 设置 » 扩展

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

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

这是结果：

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

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