google-chrome-extension - Chrome 扩展 newTab 和 amazon associates
问题描述
我正在尝试创建一个新标签 Chrome 扩展程序,它显示来自亚马逊员工的广告。
我添加了他们发给我的 html:
<div class="alignleft">
<script>
amzn_assoc_ad_type = "banner";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "US";
amzn_assoc_placement = "assoc_banner_placement_default";
amzn_assoc_campaigns = "amazonhomepage";
amzn_assoc_banner_type = "rotating";
amzn_assoc_p = "21";
amzn_assoc_width = "125";
amzn_assoc_height = "125";
amzn_assoc_tracking_id = "pmst201908-20";
amzn_assoc_linkid = "d6ab28c8c1c613e13da72d678f0fa982";
</script>
<script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script>
</div>
我意识到我需要清单中的正确内容安全策略。我的问题是关于他们外部脚本的相对路径。它以 // 开头。然后解析为 chrome-extension://...,而不是 https://...
我尝试将其更改为https://z-na.amazon-adsystem.com ...,并加载了脚本 - 但事实证明脚本本身加载了更多具有相对路径的脚本,所以它们再次指向 chrome-扩展:// 并失败。
我尝试使用该<base href="https:">
标签,但是当我查看网络选项卡时,脚本似乎根本没有加载,没有错误。
如何在 Chrome 新标签页上成功运行 amazon associates 脚本?
解决方案
推荐阅读
- wordpress - EC2 Bitnami Wordpress 调试日志未显示在 wp-content 中
- r - 使用 Rocker 调试 R 包(如何更改版本?)
- reactjs - React-Redux action.payload 未定义
- react-native - 如何在带有 Jest 的 react-native 中使用 axios() 对 API 调用进行单元测试
- python - functools的嵌套map函数下压一行
- css - 动画时区分 SVG 蒙版和原始 SVG 形状
- c - 我可以编写一个使用多种字符编码的控制台程序吗?
- perl - 通过命令行将多个输入文件传递给 Perl 脚本
- php - “包含”在“if / else”PHP 中不起作用
- laravel - JSON 是对象而不是数组,如果 array_diff 在 Collection->toArray() 上返回关联数组