Cordova页面解析页面中script 内容失败，Refused to execute inline script because it violates the following

最新推荐文章于 2024-04-26 09:42:15 发布
最新推荐文章于 2024-04-26 09:42:15 发布
阅读量2.1w 收藏 6
点赞数 3
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/farmwang/article/details/78230080
版权


异常的原因：

Content-Security-Policy的默认配置是default-src 'self'。

解决方案：

添加script-src * 'unsafe-inline'，对于页面内部标签不进行安全验证。




Farmwang
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Cordova页面解析页面中script标签内容失败，Refused to execute inline script because it violates the following
天马3798
02-16 2万+
一、异常内容： Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'". Either the 'u...
Chrome扩展页面动态绑定JS事件提示错误
12-08
问题描述： 当开发Chrome扩展时，页面的popup.html中需要js的时候，直接将JS写在动态绑定JS事件会提示： Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self’ chrome-extension-resource:”.. 解决办法： 在popup.html中引用外部的js文件动态绑定JS事件，例如： 代码如下: <script type=”text/javascript” charset=”u
Refused to execute inline script because it violates the following Content Security Policy directive
最新发布
xiao_ju_ju的博客
04-26 318
是因为我们iframe的本地页面的位置放错了，我们vue页面是spa单页面，我把本地iframe的页面放置到了src里面去了，所以报错了。把iframe放置在public里面就行了。
VsCode加载页面报错Refused to execute inline script1.%E4%BA%8B%E4%BB%B6...%BF%E7%94%A8.html: 7because it
scoutee的博客
07-10 947
然后就没在VC里面用Preview on Web Server插件，在文件中直接打开html文件的话，是可以加载出来的，所以我觉得是Preview on Web Server插件的问题，因为前段时间我有在改它的配置的，不知道是不是有不小心改什么地方，然后就把它卸了再重装，电脑重启了一下，又可以了，后续在观察看看。也就是说：拒绝执行内联脚本 1.%E4%BA%8B%E4%BB%B6...%BF%E7%94%A8.html： 7。肯定是违反了安全策略的，但是网上大家说，在meta标签里面加一句。
.net swagger 空白
u012839776的博客
01-24 1645
背景：.net+swagger做的接口文档， 症状：之前一直好好的，突然出现了页面空白，什么内容也不显示， 浏览器脚本报错如下： Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-jsSx+sDgVLmA
cordova 和原生交互 调用h5页面
04-03
Cordova通过将应用程序包装在一个WebView中，使其能够访问设备的功能，如摄像头、GPS、联系人等。在这个场景中，我们需要了解如何在Android平台上集成Cordova，并且调用两个不同的H5（HTML5）页面。 首先，让我们...
cordova-plugin-nativescript:用于与 nativescript 运行时交互的 Cordova 插件
06-05
一个 Cordova 插件，用于使用 NativeScript 调用任何本机 API。 目前仅支持 iOS。 安装 科尔多瓦插件添加 在 iOS 上，元数据生成脚本必须在编译应用程序和部署到设备之间运行。 after-compile 钩子对此不起作用，...
通过Cordova来使用混合移动应用程序中推送功能
02-20
1.如果还未针对ApacheCordova设置您的环境，请进行相应的设置。下载ApacheCordova的节点打包模块。2.打开一个命令提示符。3.创建一个新项目：cordovacreatebluemixpushcom.example.bluemixpushBluemixPush4.将...
cordova开发中，android端利用百度sdk定位
02-26
近期的一个phonegap项目把我做的焦头烂额，最让人蛋疼的就是安卓4.1.x对html5的定位获取经纬度有个无比巨大的坑，一般我们利用如下代码进行html5的定位
ELK下常见启动错误
qq_40907977的博客
02-12 3873
1、问题出现环境，OS版本：CentOS-7-x86_64-Minimal-1708；ES版本：elasticsearch-6.2.2。 1、max file descriptors [4096] for elasticsearch process is too low, increase to at least [65536] 每个进程最大同时打开文件数太小，可通过下面2个命令查看当前数量 ul...
Refused to execute inline script because it violates the following Content Security Policy 脚本报错已解决
小小彭
12-09 6471
写了一个功能 发现脚本报错以为是我的 jar 包引错了？还是未知反了？经过捯饬才发现这些都不是看下面是具体的报错 Failed to load resource: the server responded with a status of 404 (Not Found) upload.html:9 Refused to execute inline script because it violates the following Content Security Policy directive: "de
Electron中Refused to execute inline script because it violates the following Content Security Policy
web修理工
11-15 1523
方法一： 去掉Content Security Policy <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> <meta http-equiv="X-Content-Secur
拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令
全栈攻城狮的博客
05-27 5515
Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’ ‘unsafe-inline’ ‘unsafe-eval’ at.alicdn.com f.alicdn.com g.alicdn.com lo...
解决chrome开发插件newtab页面使用js报错
YANGYIDE1989的博客
05-17 653
解决chrome开发插件newtab页面使用js报错Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Either the 'unsafe-inline' keyword
electron报错：Refused to execute inline event handler because it violates the following Content 。。。
github_53963510的博客
04-12 1627
electron 页面添加 onClick 点击事件报错：Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required t
开发chrome谷歌插件报错：Refused to execute inline event handler because it violates the following Content Sec
qq_43429963的博客
01-14 7673
报错信息： Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable
谷歌浏览器报错（二）
你若成风，我则化雨
01-15 2113
Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-…’), or a nonce (‘...
ionic-angluar怎么打开手机的图库并在页面中显示
04-29
要在 Ionic-Angular 应用程序中打开手机的图库并在页面中显示图像，可以使用 Cordova 插件 "cordova-plugin-filechooser" 和 "cordova-plugin-filepath"。 首先，在终端中进入 Ionic-Angular 项目的根目录，运行以下命令来安装这两个插件： ``` ionic cordova plugin add cordova-plugin-filechooser npm install --save @ionic-native/file-chooser ionic cordova plugin add cordova-plugin-filepath npm install --save @ionic-native/file-path ``` 然后，在你的组件中导入 `FileChooser` 和 `FilePath`： ```typescript import { FileChooser } from '@ionic-native/file-chooser/ngx'; import { FilePath } from '@ionic-native/file-path/ngx'; ``` 接下来，在组件的构造函数中注入 `FileChooser` 和 `FilePath`： ```typescript constructor( private fileChooser: FileChooser, private filePath: FilePath ) {} ``` 在你的页面中添加一个按钮，当用户点击该按钮时，调用 `openGallery` 方法来打开图库： ```html <ion-button (click)="openGallery()">打开图库</ion-button> ``` 在组件中实现 `openGallery` 方法： ```typescript async openGallery() { try { const uri = await this.fileChooser.open(); const filePath = await this.filePath.resolveNativePath(uri); this.imageSrc = filePath; } catch (e) { console.error(e); } } ``` 在这个方法中，我们使用 `FileChooser` 来打开图库并返回图像的 URI。然后，我们使用 `FilePath` 来将 URI 转换为本地文件路径。最后，我们将图像路径赋值给 `imageSrc` 变量，以便在页面中显示。 在页面中添加一个 `img` 元素来显示图像： ```html <img [src]="imageSrc"> ``` 现在，当用户点击 "打开图库" 按钮时，将会打开图库并选择一个图像。选中的图像将会显示在页面上的 `img` 元素中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Farmwang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值