Program Tip

Google 크롬 확장 프로그램-툴바 아이콘을 클릭하면 새 탭 열기

programtip 2020. 11. 7. 10:26
반응형

Google 크롬 확장 프로그램-툴바 아이콘을 클릭하면 새 탭 열기


툴바에 아이콘을 추가하는 Chrome 용 확장 프로그램을 만들려면 어떻게해야하나요? 아이콘을 클릭하면 일부 로컬 웹 페이지 (예 : f.html)가있는 새 탭이 열립니다.

내가 본 이 질문에 ,하지만 정말 내가 매니페스트 파일에 추가해야하는지 설명하지 않습니다 ...


최신 Chrome 앱에는 해당되지 않습니다.

manifest_version : 2가있는 최신 Chrome 앱을 사용하려면 탭을 다음과 같이 열어야합니다.


chrome.browserAction.onClicked.addListener(function(activeTab)
{
    var newURL = "http://www.youtube.com/watch?v=oHg5SJYRHA0";
    chrome.tabs.create({ url: newURL });
});


음, 확장 문서 에서는 manifest 에 "탭"을 권한으로 포함해야한다고 명시 되어 있습니다. Hello World 애플리케이션을 설명하는 것과 같은 방식으로 :

매니페스트 파일 :

{
  "name": "My Extension",
  "version": "1.0",
  "description": "Opens up a local webpage",
  "icons": { "128": "icon_128.png" },
  "background_page": "bg.html",
  "browser_action": {
    "default_title": "",
    "default_icon": "icon_19.png"
  },
  "permissions": [
    "tabs"
  ],
}

배경 페이지 내에서 브라우저 작업에 대한 마우스 클릭 이벤트를 수신합니다.

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.create({'url': chrome.extension.getURL('f.html')}, function(tab) {
    // Tab opened.
  });
});

위에서 알 수 있듯이 다른 게시물에서 본 질문을 사용했음을 알 수 있습니다. 이것은 테스트되지 않았지만 작동해야한다고 생각합니다.


chrome.tabs.create에는 '탭'권한이 필요합니다.

권한없이 단순히 window.open 확장 프로그램을 사용합니다. 코드가 더 짧습니다. 이 솔루션을 제안합니다.

window.open(url,'_blank');

참고 URL : https://stackoverflow.com/questions/3188384/google-chrome-extensions-open-new-tab-when-clicking-a-toolbar-icon

반응형