ローカルホストでのみGoogle Chromeの自動入力を無効にできますか?


21

私は開発者であり、ローカルマシンで実行中に開発している1つのWebサイトですべての個人アドレス情報をChromeに提示させるのは非常に面倒です。ローカルホスト、ドメイン、またはIPアドレスで自動入力を無効にできますか?詳細設定に何も表示されません。


「開発者として」ですが、実際のサイトと同じように、ローカルテストサーバーで同じエクスペリエンスを望んでいませんか?
MrWhite

4
オートフィルのようなブラウザ固有のものをテストしたい場合は、テストサーバーに対して行います。
グローマー

回答:


8

私は最近、Chromeの機能をカスタマイズするという同じ要件を持つ別の質問に回答しました(また@Paulからインスパイアされました)。

注:このソリューションは、ロードすることなく、IPアドレスの特定のIPアドレスまたはリストをブロックすることができます任意の追加のライブラリなし、追加のスクリプトプロジェクトでは。多くの場合、すべてのJavascript機能をブロックしている可能性がありますが、コントロール「noautofill」は動作に従い、他のライブラリとの衝突を回避し、消費料金とレンダリング時間を実際に認識できるため、デバッグ時間の節約につながります今日まで、さまざまなWebプロジェクトで。

Chrome APIの「一致フィルターホスト」を使用するChrome拡張機能を作成し、カスタムIP hostまたはをフィルターしますnamehost。次に 、すべての「input」および「form」タグの属性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ファイルを変更するたびに、でプラグインをリロードする必要があることに注意してください CtrlR

また、Chrome拡張機能の作成方法に関する詳細なガイドを入手できます。


書式設定で無理をしないでください。覚えておいて、時々少ないことが多いです。あなたの投稿を編集して、不要な太字、斜体、引用符を削除しました。
slhck

1
問題ありません、将来へのヒント:)
slhck

1
このソリューションが一番気に入っています、ありがとう!複数のプロファイルを管理しなければならないという大ファンではありませんが、これは機能しますが、私が探しているソリューションではありません。これにより、物事をより合理化できます。みんな、ありがとう!
グロマー

1
いい解決策!ただし、2番目の10.0.1.100でワイルドカードを見逃していると思いますか?
ポール

うわーい!その注意深い目:)
RTOSkit

9

2番目のプロファイルの使用または2番目のバージョンのChromeのインストールに関するその他の回答は、正常に機能するはずです。私は別の選択肢を提供するためだけに別の角度を取っていますが、これはそれがより良い方法だと思うからではありません。


Webサイトをローカルで開発しているときは、次のコードを含むjQueryライブラリとjQueryスクリプトを含めるだけです。

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

これにより、Webページ上のすべての入力の自動入力がオフになります。サーバー側のインクルードファイル(ヘッド内)と組み合わせて使用​​すると、テスト中にこれを追加し、Webサイト全体の運用のために削除することが非常に簡単になります。


1
1+あなたは、私の第二の解決策のために、私にインスピレーションを与えました。
RTOSkit

1
すばらしい動作です。設定をチェックしてWebサイトが実行されている環境を伝えるifステートメントをサーバー側に置くことができると付け加えます。私の場合、MVC鉱山の場合は次のようになります@if (Web.Core.Common.Settings.Environment == Web.Core.Common.Environments.Local) { @Html.Raw("$(':input').attr('autocomplete','off');"); }
グアノーム

2

残念ながら、Google Chromeには自動入力用のサイトごとのフィルタリングオプションがありません。

1つの代替方法は、Lastpass Chrome拡張機能を使用することです。ここでは、サイトごとに記憶するフィールドを決定できます。

もう1つの方法は、新しいユーザープロファイルを作成するChrome設定->ユーザー->新しいユーザーを追加するか、異なるバージョンのChrome(Chrome Stable / Beta / Dev、Chrome CanaryまたはChromium)をインストールすることです。


2

1つの解決策(テスト目的)は、自動入力なしで新しい使用プロファイル追加することです。

テスト中にこのプロファイルを使用して、自動入力を回避します。


それは最も良い解決策ではありません-あなたはまだ他のすべてのウェブサイトで通常通りインターネットを使用したいです。
user1068446

1

Autofill拡張機能で目的を達成できます。

あなたが探しているすべての機能を備えていると思います。

オートフィル

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.