Tiện ích mở rộng của Chrome: biểu tượng tiện ích mở rộng onclick, mở popup.html trong tab mới

Question

Tôi đã tạo tiện ích mở rộng chrome và đã quản lý để mở tệp popup.html bằng cách sử dụng window.open. tuy nhiên, tôi muốn mở nó trong một tab mới, tôi đã thử nhiều cách khác nhau bao gồm:

<script type="text/javascript" language="JavaScript"> 
    chrome.tabs.create('url': 'popup.html'); 

Tôi chỉ đặt mã sai chỗ hoặc mã sai hoàn toàn?

Answer 1

tại sao bạn muốn mở popup.html trong tab mới? Bạn nên tạo một trang khác cho điều đó. Dù sao, nếu bạn muốn mở popup.html, trong một tab mới, bạn sẽ cần phải chuyển vào url mở rộng.

http://code.google.com/chrome/extensions/extension.html#method-getURL

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

Answer 2

Sử dụng chrome.tabs.create (các thuộc tính đối tượng, chức năng gọi lại) như mô tả trên http://code.google.com/chrome/extensions/tabs.html

Các thuộc tính đối tượng có thể chứa các lĩnh vực cho windowId, chỉ số, url và lựa chọn. Hàm gọi lại tùy chọn nhận đối tượng Tab của tab mới được tạo.

Vì vậy, ví dụ đơn giản nhất để tạo ra một tab mới trong cửa sổ hiện tại và làm cho nó được lựa chọn sẽ trông như thế này:

chrome.tabs.create({'url': chrome.extension.getURL('popup.html'), 'highlighted': 'true'}); 

Không chắc lý do tại sao bạn muốn hiển thị popup.html trong một tab mới, nhưng tôi thấy nó rất hữu ích trong khi phát triển/gỡ lỗi phần mở rộng của tôi ... nó là khá đau mà trên trang mở rộng có "thường" chỉ có một liên kết đến trang nền.

Rất thích biết làm thế nào để mở nó trong một cửa sổ mới và có lẽ trong một chế độ kiosk ;-)

Answer 3

Bây giờ bạn có thể sử dụng để mở Event Pages popup.html trong tab mới khi biểu tượng mở rộng được nhấp mà không cần tạo một trang default_popup.

manifest:

"background": { 
    "scripts": ["background.js"], 
    "persistent": false 
} 

js:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.create({'url': chrome.extension.getURL('popup.html'), 'selected': true}); 
});