如何在crossrider中的浏览器操作中将html页面设置为弹出窗口

时间:2013-08-05 07:02:15

标签: jquery internet-explorer plugins javascript-framework crossrider

  

您好,   我正在使用crossrider创建一个IE扩展。在此扩展中,我想通过单击浏览器操作中的图标打开一个html页面作为弹出窗口。当我点击图标时,html页面不会弹出。

     

请帮助

在background.js

appAPI.ready(function($) 
{
  appAPI.browserAction.setResourceIcon('icon128.png');
  appAPI.browserAction.setTitle('Tax2290 Extension');
  appAPI.browserAction.setPopup({resourcePath:'index.html'});
});

在extension.js

appAPI.ready(function($) {
// Includes remote JS file into extension.js scope
 // Injects remote JS file into HTML page
 appAPI.dom.addRemoteJS('images/feed.js');
// Injects remote CSS file into HTML page
 appAPI.dom.addRemoteCSS('images/style.css');

});

1 个答案:

答案 0 :(得分:1)

通常,appAPI.browserAction.setPopup在IE中运行良好,我不知道任何问题。

通常,您必须确保引用的资源(icon128.pnf,index.html,...)上传到扩展程序的 resources 文件夹并且 height setPopup 方法时指定了em>和 width 必需属性。

另外,我不太清楚你的代码在extension.js文件中的重要性,但是如果要将它们应用于弹出内容,那么你必须在中定义它们。 index.html 文件中的crossriderMain 功能,如下所示:

的index.html

<!DOCTYPE html>
<html>
<head>
<!-- This meta tag is relevant only for IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<script type="text/javascript">
/************************************************************************************
  This is your Popup Code. The crossriderMain() code block will be run
  every time the popup is opened.

  For more information, see:
  http://docs.crossrider.com/#!/api/appAPI.browserAction-method-setPopup
*************************************************************************************/

function crossriderMain($) {
    // Place your code here (you can also define new functions above this scope)
    // The $ object is the jQuery object
    eval(appAPI.resources.get('images/feed.js'));
    appAPI.resources.includeCSS('images/style.css');
}
</script>
</head>
<body>
Hello World
</body>
</html>

如果您需要任何进一步的帮助,我需要仔细查看代码。因此,请提供扩展ID ,我很乐意调查。

[免责声明:我是Crossrider员工]