[google-chrome] Chrome 확장 프로그램에서 현재 탭의 URL을 얻으려면 어떻게해야하나요?

다음 chrome.tabs.query()과 같이 사용하십시오 .

chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => {
    let url = tabs[0].url;
    // use `url` here inside the callback because it's asynchronous!
});

이를 위해서는 확장 매니페스트chrome.tabs 에서 API에 대한 액세스를 요청해야합니다 .

"permissions": [ ...
   "tabs"
]

‘현재 탭’의 정의는 확장 프로그램의 요구에 따라 다를 수 있습니다.

lastFocusedWindow: true쿼리의 설정 은 사용자의 집중된 창 (일반적으로 최상위 창)의 현재 탭에 액세스하려는 경우에 적합합니다.

설정 currentWindow: true하면 내선 코드가 현재 실행중인 창에서 현재 탭을 가져올 수 있습니다. 예를 들어, 확장 프로그램에서 새 창 / 팝업 (포커스 변경)을 만들지 만 확장 프로그램이 실행 된 창에서 탭 정보에 계속 액세스하려는 경우에 유용 할 수 있습니다.

lastFocusedWindow: trueGoogle이 currentWindow 항상 존재하지 않을 수 있는 사례를 호출하기 때문에이 예에서 사용하기로 선택했습니다 .

chrome.tabs.query 여기에 정의 된 속성을 사용하여 탭 쿼리를 더 세분화 할 수 있습니다.

답변

"permissions": [
    "tabs"
]

chrome.tabs.getSelected(null,function(tab) {
    var tablink = tab.url;
});

window.location.toString()

var tablink;
chrome.tabs.getSelected(null,function(tab) {
    tablink = tab.url;
});
console.log(tablink);

chrome.tabs.getSelected(null, function(tab) {
    myFunction(tab.url);
});

function myFunction(tablink) {
  // do stuff here
  console.log(tablink);
}

"permissions": [ ...
   "tabs",
    "activeTab",
    "<all_urls>"
]

chrome.tabs.onActivated.addListener((activeInfo) => {
  sendCurrentUrl()
})

chrome.tabs.onSelectionChanged.addListener(() => {
  sendCurrentUrl()
})

function sendCurrentUrl() {
  chrome.tabs.getSelected(null, function(tab) {
    var tablink = tab.url
    console.log(tablink)
  })

  chrome.contextMenus.onClicked.addListener(function(info, tab) {
    console.log(info);
    return console.log(tab);
  });