我有一个Chrome扩展程序,可以在Google Maps中打开KML/KMZ文件。当用户右键单击指向 KML 文档的链接时,将触发扩展程序。但不显示上下文菜单。它使用后台脚本。这是manifest.json
:
{
"manifest_version": 2,
"name": "KML/KMZ Viewer",
"version": "1.0.0",
"description": "Can be used to view KML/KMZ Files.",
"icons": {
"19": "tiny.jpg",
"24": "icon.png",
"128": "image.png"
},
"permissions": [
"tabs",
"contextMenus",
"activeTab",
"background"
],
"background": {
"scripts": ["background.js"]
}
}
以下是background.js
:
// Set up context menu at install time.
chrome.runtime.onInstalled.addListener(function() {
menuCreate();
console.log('Issued function');
});
// add click event
chrome.contextMenus.onClicked.addListener(onClickHandler);
// The onClicked callback function.
function onClickHandler(info, tab) {
var url = info.selectionText;
openWin(url);
};
function openWin(kml) {
chrome.windows.create({"url":"http://www.nearby.org.uk/google/fake-kmlgadget.html? up_kml_url="+kml+"&up_view_mode=earth&up_lat=&up_lng=&up_zoom=&up_earth_2d_fallback=1&up_earth_fly_from_space=1&up_earth_show_nav_controls=1&up_earth_show_buildings=1&up_earth_show_terrain=1&up_earth_show_roads=1&up_earth_show_borders=1&up_earth_sphere=earth&up_maps_streetview=1&up_maps_default_type=hybrid"});
}
function menuCreate() {
chrome.contextMenus.create({"title": "Open KML/KMZ", "contexts": ["link"], "id": "kmlopen", "targetUrlPatterns": ["*.kml", "*.kmz"]});
console.log('Function ran');
}
然而,当我右键单击指向 KML 或 KMZ 文件的链接时,上下文菜单没有显示。根据JavaScript控制台,函数运行了。这是我在获得kmlopen
、菜单项id
_generated_background_page.html
下手动运行chrome.contextMenus.create({"title": "Open KML/KMZ", "contexts": ["link"], "id": "kmlopen", "targetUrlPatterns": ["*.kml", "*.kmz"]});
时控制台输出的内容。我做错了什么?openWin(/*some url*/);
功能工作正常。
错误的模式。
模式遵循标准的匹配模式格式。
所以你应该使用模式
"targetUrlPatterns": ["*://*/*.kml", "*://*/*.kmz"]
但是,请注意查询字符串。