iOS打开沙盒html,iOS WKWebView加载本地/沙盒HTML及css、images

注意这里加载的是本地的不是沙盒里的,加载沙盒的方法在最下面。

先上代码:NSString *path = [[NSBundle mainBundle] pathForResource:@“local.html" ofType:nil];

[_wkWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]];

注意!注意!注意!

如果 html 如果用到css和image 保证css和image在同一目录下。如图1

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图1

html使用css、image路径应该是这样的

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

2、如果不在同一级目录需要创建对应的实体文件夹 如图2

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图2

对应的html使用路径

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

html资源使用路径

注意这样是加载不出来的,因为打包之后所有的资源文件全都放在了一个目录下,这时候 图片和css资源的路径就会找不到,也就加载不出来。

有两种方式解决这种问题:

方法一、把html使用资源的路径 改成 上面第一种方式 。

方法二、为css和images创建实体文件夹

daugn duang daung

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

css、imags实体文件夹

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

ipa包里面的路径

实体文件夹 打包之后在包里也会有对应的文件夹。对应的路径也就OK了。

iOS 8.3、9.3.2 亲测 可用。

第一次发简书 哪里不对的地方,多多指教。

评论里回复沙盒路径怎么弄 在这里添加下。

402af02f0092?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

沙盒路径文件

加载方法:NSString *document = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject];

NSString *path = [document stringByAppendingString:@"/park.html"];    WKWebView *webView  =[[WKWebView alloc]initWithFrame:CGRectMake(0, 0, 300, 400)];

[self.view addSubview:webView];

[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path isDirectory:NO]]];

这里资源的路径和上面方法二 一样的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/562773.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

定时器中断实验 编写程序使定时器0或者定时器1工作在方式2,自动重装载模式,定时500ms使两位数码管从00、01、02……98、99每间隔500ms加1显示。

编写程序使定时器0或者定时器1工作在方式2&#xff0c;自动重装载模式&#xff0c;定时500ms使两位数码管从00、01、02……98、99每间隔500ms加1显示。 程序&#xff1a; #include <reg51.h> #define uchar unsigned char uchar led[]{0xc0,0xf9,0xa4,0xb0,0x99,0x92,0x…

用python做频数分析_使用Python进行描述性统计

2 使用NumPy和SciPy进行数值分析 2.1 基本概念1 from numpy import array 2 from numpy.random import normal, randint 3 #使用List来创造一组数据 4 data [1, 2, 3] 5 #使用ndarray来创造一组数据 6 data array([1, 2, 3]) 7 #创造一组服从正态分布的定量数据 8 data norm…

深圳计算机专业收入,深圳哪个行业收入最高?哪些行业最抢手?这份报告告诉你!...

原标题&#xff1a;深圳哪个行业收入最高&#xff1f;哪些行业最抢手&#xff1f;这份报告告诉你&#xff01;原标题&#xff1a;深圳哪个行业收入最高&#xff1f;哪些行业最抢手&#xff1f;这份报告告诉你&#xff01;南方网2019年7月5日讯 日前&#xff0c;智联招聘发布《2…

串行口实验 编写程序利用串口调试助手通过串口给实验板发送数据(数据范围0x00-0xfe),单片机将接受到的数据加1后再发送给PC机。

编写程序利用串口调试助手通过串口给实验板发送数据&#xff08;数据范围0x00-0xfe&#xff09;&#xff0c;单片机将接受到的数据加1后再发送给PC机。 程序&#xff1a; #include<reg51.h> #define uchar unsigned char #define uint unsigned int uchar temp; int main…

中学生 学python_中小学生为什么要学Python编程

中小学生为什么要学Python编程&#xff1f;未来是人工智能的时代&#xff0c;有理由相信Python将发挥更大的作用。教育部下发的《2018年度普通高等学校本科专业备案和审批结果的通知》显示&#xff0c;新增备案本科专业79个、新增审批本科专业19个。 呼声极高的人工智能专业被列…

串行口实验 编写程序利用PC机控制单片机实验板上的数码管设备工作

编写程序利用PC机控制单片机实验板上的数码管设备工作 在pc上输入fe&#xff0c;第一个数码管显示1. 在pc上输入fa第五个数码管显示5 程序&#xff1a; #include<reg51.h> #define uchar unsigned char #define uint unsigned int uchar temp; uchar led[]{0xc0,0xf9,0x…

webview传递参数给html,uniapp与webview之间的相互传值

1.uni-app 如何发送数据到 H5&#xff1f; 其实很接单、在 web-view 中只需要通过 URL 就可以向 H5 进行传参 例如在 uni-app 中&#xff1a;export default {data() {return {url:‘/hybrid/html/local.html?data‘};},onLoad(data) {//这里对要传入到webview中的参数进行enc…

I/0口输入输出实验 流水灯程序 P0、P1、P2、P3口作为输出口,连接八只发光二极管,编写程序,使发光二极管从左至右循环点亮。

P0、P1、P2、P3口作为输出口&#xff0c;连接八只发光二极管&#xff0c;编写程序&#xff0c;使发光二极管从左至右循环点亮。流水灯程序 程序&#xff1a; #include<reg51.h> //包含单片机定义寄存器的头文件 sbit led P1^0; //将led定义为P1.0位 void delay(void) //…

python3.6库参考手册_python3.5.2官方帮助文档参考手册(CHM版)

python3.5.2官方帮助文档 参考手册&#xff08;CHM版&#xff09; python3.5.2官方帮助文档 参考手册&#xff08;CHM版&#xff09;&#xff0c;欢迎下载&#xff01; 新语法特性&#xff1a; PEP 492,具有async和await语法的协同程序。 PEP 465, 新矩阵乘法运算符&#xff1a…

html css模仿实例,HTML+CSS模仿大学网站主页

【实例简介】用HTMLCSS模仿的大学主页 无JS 无FLASH 没有添加超链接【实例截图】【核心代码】pp5740492_4445056├── images│ ├── 01_hover.jpg│ ├── 02_hover.jpg│ ├── bg_link.jpg│ ├── bg_mainr.jpg│ ├── bg_search.jpg│ ├── bg_titl…

I/0口输入输出实验 将P1口的某一位作为输入使用,连接一个按键,当按键按下时使发光二极管亮,否则发光二极管熄灭

将P1口的某一位作为输入使用&#xff0c;连接一个按键&#xff0c;当按键按下时使发光二极管亮&#xff0c;否则发光二极管熄灭。 程序&#xff1a; #include<reg51.h> sbit KEYP1^1; sbit LEDP1^2; int main(void){ LED1; KEY1; if(KEY0) LED~LED; else{ LEDLED; } }

html5情人节贺卡,Web工程师的情人节卡片

CSS语言&#xff1a;CSSSCSS确定import url(https://fonts.googleapis.com/css?familyOpenSans:700);body {background: url(http://www.howie23.org/pics/seamless-wood-grain-texture.jpg);background-size: cover;font-family: Open Sans;font-size: 16px;}.bottom,.paper …

I/0口输入输出实验 学习IO口的位操作方法,分别选择P0、P1、P2、P3端口中的某一位,该位作为输出使用,连接一只发光二极管,控制器闪烁。

学习IO口的位操作方法&#xff0c;分别选择P0、P1、P2、P3端口中的某一位&#xff0c;该位作为输出使用&#xff0c;连接一只发光二极管&#xff0c;控制器闪烁。 程序&#xff1a; #include<reg51.h> sbit KEYP1^1; sbit LEDP1^2; int main(void){ LED1; KEY1; if(KEY0)…

域控服务器取消验证_记一次域控服务器应急

搜索公众号&#xff1a;暗网黑客可领全套网络安全课程、配套攻防靶场一介小白是如何成长为黑客大佬的一、背景介绍这是去年11月份的应急事件&#xff0c;反复到客户现场多次才找到原因&#xff0c;最后得到的结论也极为简单。解决问题过程中&#xff0c;由于客户给的压力较大&a…

html5难点,学习HTML5的难点是什么?

2012-02-05html5为什么要学html5&#xff1f;HTML5 是继 HTML4。01, XHTML 1。0 和 DOM 2 HTML 后的又一个重要版本&#xff0c;旨在消除富 Internet 程序(RIA)对 Flash&#xff0c; Silverlight&#xff0c; JavaFX 一类浏览器插件的依赖。HTML5 带来很多新功能&#xff0c;以…

AD转换实验 编写程序利用ADC0804 AD转换器采集电位器的模拟电压,将采集到的数字量在程序中换算成实际采集的模拟电压,并用数码管显示所采集的实际模拟电压值。(如:AD转换后的数字量为128,则

编写程序利用ADC0804 AD转换器采集电位器的模拟电压&#xff0c;将采集到的数字量在程序中换算成实际采集的模拟电压&#xff0c;并用数码管显示所采集的实际模拟电压值。&#xff08;如&#xff1a;AD转换后的数字量为128&#xff0c;则数码管应该显示2.5&#xff09; 程序&am…

python做词典_Python实现创建字典

Python编写一个名为 make_album() 的函数&#xff0c;它创建一个描述音乐专辑的字典。 1、这个函数应接受歌手的名字和专辑名&#xff0c;并返回一个包含这两项信息的字典。使用这个函数创建三个表示不同专辑的字典&#xff0c;并打印每个返回的值&#xff0c;以核实字典正确地…

8255总线实验 编写程序利用8255扩展单片机的IO口,控制8位数码管显示1-8。

8255总线实验 编写程序利用8255扩展单片机的IO口&#xff0c;控制8位数码管显示1-8。 程序&#xff1a; #include<reg51.h> #include<absacc.h> #define PORT_A XBYTE[0X7FFC] #define PORT_B XBYTE[0X7FFD] #define PORT_C XBYTE[0X7FFE] #define PORT_CTL XBYTE[…

计算机硬件组成 pdf,计算机硬件的组成..pdf

计算机硬件的组成计算机硬件( Computer hardware )是指计算机系统中由电子&#xff0c;机械和光电元件等组成的各种物理装置的总称。 这些物理装置按系统结构的要求构成一个有机整体为计算机软件运行提供物质基础。 简言之&#xff0c;计算机硬件的功能是输入并存储程序和数据&…

JAVA入门第一天

今天是入门JAVA的第一天 日期&#xff1a;2021.3.29 18:38