Question

我正在使用Ionic v1并在Chrome（离子服务）和View App（离子上传）中进行测试。

我在index.html中包含了这个脚本

<script src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=foo&async=1"></script>

并添加了https://github.com/thisissoon/angular-addthis指令。

<sn-addthis-toolbox class="addthis_custom_sharing"
                data-share="{
                    title: thing.title,
                    url: 'https://myurl/' + thing.id,
                    description: 'Check out my thing.'
                }">
  <a href class="addthis_button_email"></a>
  <a href class="addthis_button_facebook"></a>
  <a href class="addthis_button_twitter"></a>
  <a href class="addthis_button_google_plusone_share"></a>
</sn-addthis-toolbox>

在Chrome或firefox中查看我的离子应用时，一切看起来都很棒。当我按下Ionic视图时，我的addthis按钮丢失了。在Chrome开发者工具中，任何响应式视图或设备都可以看起来很棒。

任何方向在这里都会有所帮助。我如何在Ionic视图中看到错误消息？

为什么addthis.com js小部件无法在移动设备上运行？

TIA。

编辑：我添加了https，这让事情更进了一步。（感谢adamdport）

现在看到无法加载文件：//m.addthisedge.com/live/boost/foo/_ate.track.config_resp资源：NET ERR_FILE_NOT_FOUND

和

未捕获的TypeError：无法读取null的属性'split' 在r（https://s7.addthis.com/js/300/addthis_widget.js:2:44431）在e.exports（https://s7.addthis.com/js/300/addthis_widget.js:2:211271）在https://s7.addthis.com/js/300/addthis_widget.js:2:224158 在https://s7.addthis.com/js/300/addthis_widget.js:2:361724 在o（https://s7.addthis.com/js/300/addthis_widget.js:2:223353）在https://s7.addthis.com/js/300/addthis_widget.js:2:215504 在HTMLDocument.onReady（https://s7.addthis.com/js/300/addthis_widget.js:2:214257）

on addthis_widget.js第2行

最终编辑和解决方案：我学会解决此问题的最佳方法是通过usb连接我的Nexus 6p，启用USB调试，以及https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

Answer 1

首先，由于Ionic视图不支持所有第三方插件，因此您必须先构建它并在真实设备中进行测试。但我不确定这会奏效。因为在网站上添加此共享而不是应用程序，并且正在开发应用程序，因此您必须像开发人员一样思考应用程序开发人员。当您从网站分享内容时，它会发布到社交应用的网站上。但是，当你从应用程序分享内容时，它会发布到社交应用程序中。

所以在我的建议中，如果Add This仍然在你的真实设备上运行，虽然你不应该使用它，因为你正在使用Ionic所以你必须分享app。

Answer 2

我已解决了原始问题，说明您的脚本未加载的原因：它涉及您使用sort并在//和http之间切换。如果您的Ionic URL使用https，则脚本src中的https://将尝试使用//检索您的脚本，并且可能无法加载。

由于您已编辑过，我已指出https仅适用于您的本地文件系统。如果您尝试从服务器引用它，它仍将尝试从客户端的计算机加载资源。

如果您需要进一步的帮助，我建议发布另一个问题。

我的addthis工具箱JavaScript小部件不在移动设备上

2 个答案: