如何在cros-s-rider的浏览器操作中将html页面设置为弹出窗口
Posted
技术标签:
【中文标题】如何在cros-s-rider的浏览器操作中将html页面设置为弹出窗口【英文标题】:how to set html page as popup in browser action in cros-s-rider 【发布时间】:2013-08-05 19:29:50 【问题描述】:嗨, 我正在使用 cros-s-rider 创建一个 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】:通常,appAPI.browserAction.setPopup 在 IE 中运行良好,我不知道有任何问题。
通常,您必须确保引用的资源(icon128.pnf、index.html、...)已上传到扩展程序的 resources 文件夹,并且 height em> 和 width 强制属性在调用 setPopup 方法时指定。
另外,我不太清楚您的代码在 extension.js 文件中的意义,但如果打算将它们应用于弹出内容,那么您必须在 中定义它们index.html 文件中的 cros-s-riderMain 函数,如下所示:
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 cros-s-riderMain() code block will be run
every time the popup is opened.
For more information, see:
http://docs.cros-s-rider.com/#!/api/appAPI.browserAction-method-setPopup
*************************************************************************************/
function cros-s-riderMain($)
// 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,我很乐意进行调查。
[免责声明:我是 Cros-s-rider 的员工]
【讨论】:
谢谢,这是一个有用的例子,从 .setPopup 文档中我不清楚 cros-s-riderMain 是否包含在弹出 HTML 本身中。这很有意义,但是直到我看到上面的回复,一分钱才掉下来:)以上是关于如何在cros-s-rider的浏览器操作中将html页面设置为弹出窗口的主要内容,如果未能解决你的问题,请参考以下文章
如何在 TortoiseSVN 中将文件(或文件夹)从一个文件夹移动到另一个文件夹?