localhost에 대해서만 Chrome 자동 완성을 비활성화 할 수 있습니까?


21

저는 개발자이며 Chrome에서 로컬 컴퓨터에서 실행중인 하나의 웹 사이트 양식으로 모든 개인 주소 정보를 제안하는 것은 매우 성가신 일입니다. 로컬 호스트, 도메인 또는 IP 주소에서 자동 완성을 비활성화 할 수 있습니까? 고급 설정에 아무것도 표시되지 않습니다.


"개발자"이지만 로컬 테스트 서버에서 실제 사이트에서와 같은 경험을 원하십니까?
MrWhite

4
Autofill과 같은 브라우저 특정 항목을 테스트하려면 테스트 서버에 대해 수행하십시오.
Gromer

답변:


8

최근에 Chrome의 기능을 사용자 정의 해야하는 동일한 요구 사항 ( @Paul 에서 영감을 얻음 )으로 다른 질문에 대답했습니다 .

참고 :이 솔루션은 사용자가로드 할 필요없이 IP가 특정 IP 주소 또는 목록을 차단할 수 있습니다 추가 라이브러리추가 스크립트 프로젝트에 있습니다. 사실 모든 Javascript 기능을 차단했을 수도 있지만 "noautofill"컨트롤은 다른 라이브러리와의 충돌을 피하면서 작동을 따르므로 소비 비용과 렌더링 시간을 실제로 인식 할 수있어 디버깅 시간을 절약 할 수 있습니다. 다른 웹 프로젝트에서

Chrome API의 '일치 필터 호스트'를 사용하는 Chrome 확장 프로그램을 만들고 맞춤 IP host또는을 필터링합니다 namehost. 그런 다음 모든 "input"및 "form"태그 autocompleteoff대해 속성 을 로 설정하십시오 .

다음 단계를 진행하십시오.

  • 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
나는이 솔루션을 가장 좋아합니다. 감사합니다! 여러 프로필을 관리 해야하는 팬이 아니므로 원하는 솔루션이 아니라 작동합니다. 이것은 나를 위해 더 간소화 될 수 있습니다. 모두 감사합니다!
Gromer

1
좋은 해결책! 그래도 두 번째 10.0.1.100 에서 와일드 카드를 놓친 것 같습니다 .
Paul

와우 네! 그 조심스러운 눈 :)
RTOSkit

9

두 번째 프로필 사용 또는 두 번째 버전의 Chrome 설치에 관한 다른 답변은 정상적으로 작동합니다. 다른 옵션을 제공하기 위해 다른 각도를 취하고 있습니다. 왜냐하면 이것이 더 나은 방법이라고 생각하기 때문이 아닙니다.


웹 사이트를 로컬로 개발할 때 jQuery 라이브러리와 jQuery 스크립트를 다음 코드와 함께 포함하면됩니다.

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

웹 페이지의 모든 입력에 대해 자동 채우기가 해제됩니다. 서버 측 포함 파일 (헤드에 있음)과 함께 사용하면 테스트하는 동안 파일을 추가하고 전체 웹 사이트의 프로덕션 환경에서 제거하기가 매우 쉽습니다.


1
1+ 당신은 저의 두 번째 해결책을 위해 영감을 받았습니다.
RTOSkit 2019 년

1
훌륭하게 작동합니다. 웹 사이트가 실행되는 환경을 알려주는 설정을 확인하는 명령문을 사용하면이 코드를 서버 측에 넣을 수 있다고 덧붙입니다. 내 경우에는 MVC 광산은 다음과 같습니다@if (Web.Core.Common.Settings.Environment == Web.Core.Common.Environments.Local) { @Html.Raw("$(':input').attr('autocomplete','off');"); }
guanome

2

불행히도 Chrome에는 자동 완성을위한 사이트 별 필터링 옵션이 없습니다.

한 가지 대안은 Lastpass Chrome 확장 프로그램 을 사용하는 것입니다. 여기서는 사이트별로 기억할 필드를 결정할 수 있습니다.

다른 대안은 새로운 사용자 프로필 Chrome 설정-> 사용자-> 새로운 사용자 추가 또는 다른 크롬 버전 (Chrome Stable / Beta / Dev, Chrome Canary 또는 Chromium )을 설치하는 것입니다.


2

테스트 목적으로 한 가지 솔루션은 자동 완성없이 새 사용 프로필추가하는 것 입니다.

테스트하는 동안이 프로필을 사용하여 자동 완성을 피하십시오.


가장 좋은 해결책은 아닙니다. 다른 모든 웹 사이트에서 인터넷을 정상적으로 사용하고 싶습니다.
user1068446

1

자동 완성 확장으로 목적을 달성 할 수 있습니다.

나는 당신이 찾고있는 모든 기능을 가지고 있다고 생각합니다.

자동 완성

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.