gpt4 book ai didi

javascript - 我怎样才能在 chrome 扩展弹出窗口中嵌入网站

转载 作者:行者123 更新时间:2023-11-28 01:52:04 36 4
gpt4 key购买 nike

您好,我正在尝试制作一个在浏览器上有一个按钮的 Google chrome 扩展程序,单击该按钮将打开一个带有此站点的气泡弹出窗口 http://www.visualbounds.com/Private/XboxMB/Chatbox/ .但我是新手,当我尝试使用 iframe 时,弹出窗口中没有任何内容。

所以我想我是在问如何将网站嵌入到弹出窗口中?

如果有帮助,这里是 manifest.json。

{
"browser_action": {
"default_icon": "Images/16.png",
"default_popup": "popup.html"
},
"background": {
"persistent": false,
"scripts": [ "background.js" ]
},
"content_scripts": [ {
"js": [ "jquery.js", "script.js" ],
"matches": [ "https://www.xboxmb.com/*" ],
"run_at": "document_start"
},{ "matches": ["http://*/*", "https://*/*" ],
"all_frames": true,
"js": ["content.js"]
}
],
"description": "Chat intergration for XboxMB",
"icons": {
"16": "Images/16.png",
"48": "Images/48.png"
},
"manifest_version": 2,
"name": "XboxMB Chatbox",
"options_page": "options.html",
"version": "2.2",
"permissions": [
"http://www.visualbounds.com/Private/XboxMB/Chatbox/mobile.html"
]
}

这是 popup.html

<!doctype html>
<html>
<head>
<style type="text/css">
body {width:200; height:300;}
</style>
</head>
<body>
<iframe src="http://www.visualbounds.com/Private/XboxMB/Chatbox/mobile.html" width="100%" height="100%" frameborder="0">
</iframe>
</body>
</html>

如有任何帮助,我们将不胜感激。

亲切的问候

-肖恩

最佳答案

首先你需要在 manifest.json 中分配默认弹出目标

{
"manifest_version": 2,

"name": "xbox",
"description": "xbox description",
"version": "2.2",
"browser_action": {
"default_popup": "main.html"
}
}

只需插入一个 iframe 元素

<iframe src="http://www.visualbounds.com/Private/XboxMB/Chatbox/mobile.html" width="320" height="480"></iframe>

您将在弹出窗口中看到嵌入的 iframe。

enter image description here

关于javascript - 我怎样才能在 chrome 扩展弹出窗口中嵌入网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19441044/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com