Google 크롬 확장 샘플 작업을 수행하는 방법은 무엇입니까?

Question

최근 Google 크롬 확장 프로그램을 작성하기로 결정했습니다. 사용자가 확장 기능의 버튼을 누를 때 JavaScript를 사용하여 웹 페이지에서 일부 DOM 요소를 숨기 만하면됩니다. 내가 크롬 확장에 대해 아무것도 알고 있지 않기 때문에

, 나는 튜토리얼을 읽기 시작하고, 나는이 구글의 샘플 건너 온 : A browser action with no icon that makes the page red

이 샘플 내가 만들고 싶어 무엇을 정말 가깝습니다. 문제는 내가 작동하게 만들 수 없다는 것입니다. Chrome에서 확장 프로그램을로드 할 때마다이 확장 프로그램의 버튼을 볼 수 있지만이를 누르면 아무 일도 일어나지 않습니다. 샘플이 작동하지 않습니다. 아마 아직 모르는 것을 알고 있어야합니다. 당신이 나 한테 물어 시작하기 전에

는 그리고 :

• 예, 브라우저를 다시 시작하려고;
• 최신 버전의 Chrome을 사용합니다.

도움 주셔서 감사합니다.

Answer 1

샘플 zip을 열면 backgrond.js ...를 찾으십시오.

null, {code:"document.body.style.background='red !important'"}); 

을하고 "중요!"를 제거합니다라는 줄을 찾습니다 . 읽어야합니다 :

null, {code:"document.body.style.background='red'"}); 

그게 전부입니다. 확장 기능을 저장하고 다시로드하면 (페이지에! important 플래그가 설정되어 있지 않으면) 작동해야합니다.

왜 "! important"태그가 작동하지 않는 지 모르지만 확장 프로그램에서 작동하지 못했습니다. 희망을 갖고 여기에있는 다른 누군가가 설명과 어쩌면 해결할 수 있기를 바랍니다.

Answer 2

"! important"덧씌우 기 속성을 사용하면 확장 기능을 중단시킬 수 있습니다. 비록 내가 100 %는 아니지만이 속성은 보안상의 합병증과 관련된 문제에는 허용되지 않는다고 생각합니다. 나는 이것을 분명히하는 데 도움이 될 수있는 또 다른 SO 스레드에 대한 링크가있다. 나는 콘텐츠 스크립트는 매니페스트 파일에 지정된 때! 중요 재정의를 사용해야 하나,이 글이 있으리라 믿고있어

My CSS is not getting injected through my content script

. 그렇지 않으면 css가 주입 중입니다! important는 필요하지 않습니다. 다시는 100 %가 아닙니다.