Android webview加载本地html实现跨域访问

最新推荐文章于 2024-09-02 12:15:00 发布
最新推荐文章于 2024-09-02 12:15:00 发布
阅读量1.6w 收藏 10
点赞数 3
分类专栏： android 文章标签： 跨域访问 android html ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/salute_li/article/details/52302393
版权
这篇博客探讨了在Android应用中使用WebView加载本地HTML时遇到的跨域访问问题。由于服务器数据通过ajax获取，当尝试从本地加载网页时，会遇到XMLHttpRequest的跨域限制。文章提到了两种解决办法：1) 使用jsonp，但要求服务器返回jsonp格式的数据，不适用于所有情况；2) 利用Android的WebViewCore，通过调用`nativeRegisterURLSchemeAsLocal`方法将http和https设置为本地访问，从而实现跨域。通过在loadURL之前执行特定代码，可以实现自由的跨域访问。
摘要由CSDN通过智能技术生成

我们在做一个项目时需要把服务器的网页代码保存到本地节省流量，而里面的数据在服务器使用ajax来获取的，当我们把这个网页用本地wenview打开时，在ajax使用时会报
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check http://example.ex.com.
core.min.js:36 XMLHttpRequest cannot load http://【地址】. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://example.ex.com is therefore not allowed access.
查了好多资料有两个解决方案，
1：ajax上使用jsonp 但是必须使用get请求
类似这样

  $.ajax(url, {
        data: {
          'cityname': '襄阳',
          'dtype': <
最低0.47元/天 解锁文章
brilliantli
关注
专栏目录
Android WebView 加载本地html跨域问题
xq610928的博客
04-26 4143
前言 ： 各位同学大家好 ，最近有段时间没有给大家更新文章。最近事情也比较多哈。年底了嘛毕竟要坚守岗位 做好收尾工作。今天要分享是Android WebView 加载本地html跨域问题 。那么废话不多说，我们正式开始 问题背景 今天接到一个需求 项目组这边用laya 开发一个app 最后编译成js 本地资源然后安卓这边 加载本地的html入口来实现 有些同学会说这么很简单 我们初始化webview 然后 加载本地路径的html 就行了 但是本地的js里面带着http的请求 这时候就出现跨域名访问的问
android webview 跨域,实战Webview跨域访问风险
weixin_39974030的博客
05-27 1638
漏洞原理：WebView对象的行为是通过WebSettings类进行设置的，如果配置不当，攻击者就可以利用该漏洞可以打破Android沙盒隔离机制，从而通过某个应用来攻击其它应用，盗取其它应用本地保存的配置文件、敏感信息等。主要利用了android.webkit.WebSettings类中setAllowFileAccess()、setJavaScriptEnabled()、setAllowFil...
android webview 跨域问题
热门推荐
super_spy的专栏
10-09 1万+
使用Android webView访问html页面，碰到ajax跨域访问时，仅仅在header中加入http { ...... add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Al
Android WebView全解析：从基础到进阶
最新发布
Unity打怪升级
09-02 1983
在移动应用开发中，WebView是一个不可或缺的组件，它允许开发者在应用内嵌入网页，提供丰富的内容和交互体验。本文将全面解析Android WebView，从基础使用到进阶技巧，帮助你更好地理解和运用这一强大的工具。
安卓 webview ajax 跨域问题
微雨燕双飞
11-18 738
WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setAllowUniversalAccessFromFileURLs(true);只要在设置里加上最后一句话就好……….放此备用…………
Android Webview跨域、localStorage数据存储、android原生与js互调
qq_36158551的博客
02-19 4445
不是说上面代码写的是错误的，而是这样写的确有问题， 因为Webview浏览器并未打开找不到localStorage，所以要想解决这个问题就得先打开Android的Webview浏览器才能找到localStorage。有人问我是不是需要写布局文件，不写行不行，现在我就告诉你们，不写没问题，需要写就写不写直接创建New一个也行。下面我就介绍一个，我new一个Webview实现localStorage。有人问我是不是需要写布局文件，不写行不行，现在我就告诉你们，不写没问题，需要写就写不写直接创建New一个也行。
android webview 加载本地html 实现 与 java 之间的相互响应
10-22
http://blog.csdn.net/menxu_work/article/details/12947837
解决WKWebView加载本地HTML页面ajax请求跨域的问题
comeboby的专栏
11-09 1万+
一、创建WKWebView的时候设置WKWebViewConfiguration的属性_allowUniversalAccessFromFileURLs为YES,代码如下     WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];         [configuration setValue...
Android 中WebView调用JS的跨域问题
u011370933的专栏
04-04 6874
如题： 这两天一直在纠结一个问题，就是Android Native可以调用webservice，但是用Android的WebView嵌入JS调用webservice就不行，一直说是js的跨域问题. 解决办法： http://stackoverflow.com/questions/11318703/access-control-allow-origin-error-at-android-4-1
android webview加载本地pdf,Android 展示本地或网络pdf文件
weixin_39794347的博客
05-26 1170
image废话在项目中,有一个功能需要展示PDF文件,而pdf是一个后缀为pdf的url,而Android的WebView做不到ios的WebView那样可以很方便的直接预览pdf文件,当然谷歌文档也提供了利用WebView预览pdf的方法：mWebView.loadUrl("http://docs.google.com/gviewembedded=true&url=" + pdfUrl)...
android webview input=file 失效解决方案
05-24
1. **安全策略限制**：Android的WebView遵循Chrome的同源策略，不允许跨域访问，包括本地文件系统。出于安全考虑，`input=file`选择文件的API被禁用或限制。 2. **文件选择器缺失**：在一些Android版本中，点击`...
android中webview加载本地页面,并处理js事件
04-13
本示例“android中webview加载本地页面,并处理js事件”着重讲解如何利用`WebView`加载本地HTML页面，并通过JavaScript Interface与Java代码进行交互，同时在HTML中动态生成组件如`button`。 1. **WebView基本使用**...
本地html app跨域,来自本地HTML文件的WebView JavaScript跨域
weixin_39630466的博客
06-17 207
今天早上我发现似乎有效的解决方案。Java部分初始化您的WebView：WebView _webView = (WebView) this.findViewById(R.id.id_of_your_webview_in_layout);获取WebView设置：WebSettings settings = _webView.getSettings();设置以下设置settings.setJavaSc...
WebView与JS、Ajax跨域问题
ShareUs的专栏
02-23 8206
》webview其实就是一个浏览器，而是否允许跨域，是由你访问的服务器控制的(默认不允许)，如果是nginx，配置如下： http { ...... add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Acces
android——webview开发：跨域请求问题的解决方式之一
qq_32176125的博客
07-19 1万+
webview是android开发中常用的一个控件，它可以加载本地的html文件，也可以直接加载一个已存在的有效网络连接，但是当我们加载本地的html时，通过本地的html去加载不同域名的网页是就可能会发生跨域请求问题，出现这个问题可以用js的方式解决也可以用java的方式解决： 提示错误：No 'Access-Control-Allow-Origin' header is present on
android webView示例代码(使用时打开本地html跨域、type=file 选择文件打不开问题)
zcc的博客
09-22 2342
1、 当我使用 android webview 打开本地 html 时，页面的 layui 的路由 使用 ajax 读取html、less文件采用了发请求的方式，所以出现了跨域问题。2、h5 type=file 选择文件打不开。
Android WebView跨域
lcw1987565的专栏
04-11 3123
实现原理：重写WebViewClient中shouldInterceptRequest方法，在Response中添加header达到跨域的作用； @Override public WebResourceResponse shouldInterceptRequest(WebView view, String urlstr) { try { ...
android ajax 跨域更新本地html,解决WKWebView加载本地HTML页面ajax请求跨域的问题
weixin_42284380的博客
05-27 414
一、创建WKWebView的时候设置WKWebViewConfiguration的属性_allowUniversalAccessFromFileURLs为YES,代码如下WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];[configuration setValue:@YES forKey:@...
android ：webview 解决遇到的跨域问题
xc605098599的专栏
04-17 6976
在做新闻应用的过程中 遇到新闻有挂件 里面有个ajax处理 然后出现了跨域问题。。。经过两天的研究 终于解决。。。。将新闻内容取出来放到本地 重新创建一个html然后 webview的loadUrl 即可解决 ws = webView.getSettings(); try { if (Build.VERSION.SDK_INT >= 16) { Class cl
Android webview img 同时加载本地资源和网络资源
06-10
在 Android WebView 中同时加载本地图片资源和网络图片资源，可以通过以下方法实现： 1. 将本地图片资源放在 Android 应用程序的 res/drawable 目录下。 2. 在 html 文件中使用 img 标签引用图片资源，例如： <img src="android.resource://com.example.app/drawable/image" /> <img src="http://www.example.com/image.png" /> 其中，"com.example.app" 是应用程序的包名，"image" 是图片资源的名称。 3. 在 WebView 中启用文件访问权限，以便可以加载本地文件。可以通过以下代码实现： webView.getSettings().setAllowFileAccess(true); 4. 如果您的应用程序运行在 Android 6.0 及更高版本上，则需要在运行时请求读取文件的权限。可以通过以下代码实现： if (ContextCompat.checkSelfPermission(this, Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) { ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, MY_PERMISSIONS_REQUEST_READ_EXTERNAL_STORAGE); } 其中，MY_PERMISSIONS_REQUEST_READ_EXTERNAL_STORAGE 是您自己定义的权限请求码。 注意：在加载网络图片时，可能会遇到跨域访问的问题。您可以通过在 html 文件中添加 "Access-Control-Allow-Origin: *" 头信息来解决跨域访问问题。例如： <img src="http://www.example.com/image.png" /> <meta http-equiv="Access-Control-Allow-Origin" content="*" /> 或者在服务器端添加相应的头信息。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值