如何在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页面设置为弹出窗口的主要内容,如果未能解决你的问题,请参考以下文章

如何在CAD看图中将CAD图纸进行框选放大?

如何在 C# 中将 HTML 设置为剪贴板?

如何在 TortoiseSVN 中将文件(或文件夹)从一个文件夹移动到另一个文件夹?

如何在 PHP Markdown 中将单个换行符视为真正的换行符?

如何在http get中将多个字符串传递给一个url?

在 Android 中将字符串转换为 Uri