간단한 Chrome 콘텐츠 스크립트가 실행되지 않습니다.

Question

짧은 링크를 작성하여 특정 사이트가 링크 클릭에 대한 새 창을 만들지 못하게했습니다.

이것은 내 첫 번째 Chrome 확장 프로그램이며 실행되지 않는 이유 때문에이 웹 사이트와 인터넷에서 점수를 받았습니다.하지만 찾을 수 없습니다. 아마도 어딘가에서 근본적인 아마추어 실수를 저 지르고있을 것입니다.

의 manifest.json은 :

{ 
"manifest_version": 2, 

"name": "DHS Links", 
"description": "Stops the school's site from constantly opening new windows.", 
"version": "1.0", 

"browser_action": { 
"default_icon": "icon.png" 
}, 

"content_scripts":[ 
    { 
    "matches": ["*://www.darienps.org/dhs/*"], 
    "js": ["jquery.js", "makeNormalLinks.js"], 
    "run_at": "document_end" 

    } 
] 
} 

는 내가있는 지역의 웹 사이트에 그 자체로 자바 스크립트 파일을 테스트, 그래서 나는 괜찮아요 확신하지만, 단지의 경우에있어 : ​​

makeNormalLinks합니다. js :

$(document).ready(function() { 
    $("a").each(function(){ 
     $(this).removeAttr("onclick"); 
    }); 
}); 

jQuery의 복사본이 동일한 디렉토리에있어 문제가없는 것 같습니다.

는 다음 웹 사이트에서 많은 링크의 onclick을 코드입니다 :

onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,')

이 이상을 찾고 주셔서 감사합니다!

---

편집 :

나는 Teepeemm에 의해 코멘트에 링크 Rob W's response to another question에서 주입 방법 두 가지를 시도했다.

여기에 방법 1에 대한 새로운 코드입니다 :

의 manifest.json :

{ 
"manifest_version": 2, 

"name": "DHS Links", 
"description": "Stops the school's site from constantly opening new windows.", 
"version": "1.0", 

"browser_action": { 
"default_icon": "icon.png" 
}, 

"content_scripts":[ 
    { 
    "matches": ["*://www.darienps.org/dhs/*"], 
    "js": ["jquery.js", "scriptLauncher.js"] 

    } 
], 
"web_accessible_resources": ["makeNormalLinks.js"] 
} 

scriptLauncher.js :

var s = document.createElement('script'); 
// TODO: add "script.js" to web_accessible_resources in manifest.json 
s.src = chrome.extension.getURL('makeNormalLinks.js'); 
s.onload = function() { 
this.parentNode.removeChild(this); 
}; 
(document.head||document.documentElement).appendChild(s); 

방법 2A :

는 (구 매니페스트를 사용합니다. js)

makeNormalLinks.js :

var actualCode = ['$(document).ready(function(){', 
        '$("a").each(function(){', 
        '$(this).removeAttr("onclick");', 
        '});', 
        '});'].join('\n'); 

var script = document.createElement('script'); 
script.textContent = actualCode; 
(document.head||document.documentElement).appendChild(script); 
script.parentNode.removeChild(script); 

불행히도 어느 방법도 작동하지 않는 것 같습니다. 나는 우리가 해답에 가까워지고 있다고 논평하고 생각하는 사람들에게 매우 감사한다.

---

솔루션 :

의 manifest.json :

{ 
"manifest_version": 2, 

"name": "DHS Links", 
"description": "Stops the school's site from constantly opening new windows.", 
"version": "1.0", 

"browser_action": { 
"default_icon": "icon.png" 
}, 

"content_scripts":[ 
    { 
    "matches": ["*://www.darienps.org/dhs/*"], 
    "js": ["makeNormalLinks.js"] 

    } 
] 
} 

makeNormalLinks.js :

document.addEventListener("click", function(e) { 
    e.stopPropagation(); 
}, true); 

당신 덕분에, 스콧 주석 모든 사람!

Answer 1

onclick 속성을 사용하면 여러 가지 이상한 부작용이 있습니다. 최신 방법은 원치 않는 이벤트를 필터링하는 수신기에 문서를 추가하는 것입니다.Like :

document.addEventListener("click", function(e) { 
    e.stopPropagation(); 
}, true); 

true 인수가 중요합니다 (이벤트 캡처 참조). 이렇게하면 모든 클릭 이벤트 리스너가 실행되는 것을 차단하지만 기본 클릭 액션은 여전히 ​​실행됩니다.

Answer 2

Google Mail에서 콘텐츠 스크립트를 가져 오는 비슷한 문제가있었습니다. 나는 "hashchange"이벤트 사용을 권유 한 페이지를 발견했습니다.

// Event listener 
window.addEventListener("hashchange", function() { 
    alert("hashchanged"); 
}, false);