Chrome 56 확장 개발 입문:Content Scripts

2200 단어 자바 script
Content Scripts 는 웹 페이지 에서 실행 되 는 Javascript 스 크 립 트 입 니 다.표준 DOM 을 사용 하면 브 라 우 저가 방문 한 페이지 의 상세 한 정 보 를 얻 을 수 있 고 이 정 보 를 수정 할 수 있 습 니 다.
파일 목록
+ chrome56-extension-contentscripts
      icon.png
      manifest.json
      content.js

manifest.json
내용 은 다음 과 같다.
{
  "name": "testContentScripts",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Content Scripts   ",
  "icons":
  {
    "48": "icon.png"
  },
  "browser_action":
  {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"], //       
      "js": ["content.js"]
    }
  ]
}

그 중
  • matches-설정 해 야 합 니 다.어떤 페이지 에 Content Scripts 를 주입 해 야 하 는 지 정의 합 니 다
  • js-선택 가능 한 설정.페이지 에 주 입 된 자바 script 파일 을 정의 순서에 따라 주입 해 야 합 니 다

  • content.js
    alert(document.getElementsByTagName("title")[0].text);

    실행 효과
    페이지 가 열 리 거나 새로 고침 될 때마다 대화 상자 가 팝 업 되 어 제목 의 텍스트 를 표시 합 니 다.
    실험 환경:
    Windows 7 Profiressional(64 비트)
  • Chrome 56.0.2924.87

  • 참고 문서
  • http://open.chrome.360.cn/extension_dev/content_scripts.html
  • 좋은 웹페이지 즐겨찾기