我正在使用Framework7编写一个应用程序,我需要一些材料图标。我在 html 文件中添加了它们提供的材料图标的路径:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
然后我用标签调用图标:
<i class="material-icons">icon_name_here</i>
好吧,当我在PC浏览器中加载应用程序时,图标会正确呈现,但是当我将代码上传到构建.apk的Adobe PhoneGap时,当我将其安装在设备上并运行它时,应用程序会加载,但图标没有呈现,而是读取它们的名称。
我该怎么做才能解决问题?谢谢大家!
这可能是内容安全策略问题。我使用Cordova从我的PC上构建,从未上传到Adobe Phonegap,但我想Phonegap确实通过将数据源限制在您的应用程序中来实施一些安全性。如果确实是内容安全策略问题,则必须明确声明 googleapis.com 为应用的内容可能来源。
您可以在此答案中找到实施内容安全策略的详细信息