时间戳

首页 > 解决方案 > 在我的 chrome 扩展中将框架加载到我的选项页面中

javascript - 在我的 chrome 扩展中将框架加载到我的选项页面中

问题描述

我想将例如 openUI5 框架加载到我的 chrome 扩展中。这样我就可以使用元素和控件。我在这里找到了关于堆栈溢出的不同文章，但老实说，试图重现这些解决方案并没有让我有所收获。

所以我将此添加到我的 option.html 文件中：

<!DOCTYPE html>
<html>
<head><title>My Test Extension Options</title>
</head>
<script
         id="sap-ui-bootstrap"
         src="/resources/sap-ui-core.js" 
         data-sap-ui-theme="sap_bluecrystal"
         data-sap-ui-libs="sap.m"
         data-sap-ui-compatVersion="edge"
         data-sap-ui-preload="async" >
      </script>
      <script>
         sap.ui.getCore().attachInit(function () {
             alert("UI5 is ready");
         });
</script>
<script type="text/javascript" src="options.js"></script>
Favorite color:
<select id="color">
 <option value="red">red</option>
 <option value="green">green</option>
 <option value="blue">blue</option>
 <option value="yellow">yellow</option>
</select>

<label>
  <input type="checkbox" id="like">
</label>
<button id="save">Save</button>
</body>
</html>

但这不起作用，因为 chrome 的跨脚本策略。我还下载了 openUI5 并将包含所有 .js 文件的整个库添加到我的开发项目中。我想要的是在我的 options.js 文件中执行以下编码

sap.ui.getCore().attachInit(function () {
             alert("UI5 is ready");
         });

但这对我来说并不容易。我尝试将框架加载到我的 option.js 中，但这样做没有成功。

标签： javascriptgoogle-chromesapui5

解决方案

推荐阅读