UIWebView加载网页的方法

最近在使用UIWebView的时候遇到各种不同形式加载网页的方式，总结起来共有三种方式，分别为：使用URL加载，使用HTML源码加载，使用HTML文件加载，各种方法的使用如下：

  • 直接使用URL加载

    1.   NSURL *url = [NSURL URLWithString: @"http://ss.zhiless.com/hjyAuth.do?token=61cbdd8c97273f9aa7d878b04e2c94c1"];
    2.   NSURLRequest *request = [NSURLRequest requestWithURL: url];
    3.   [self.webView loadRequest:request];

  • 加载HTML源码

    1.   [self.testWebView loadHTMLString:@"
    2.   <!doctype html>
    3.   <html>
    4.   <head>
    5.   <meta charset="utf-8">
    6.   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    7.   <style>
    8.   h1,
    9.   h2,
    10.   h3,
    11.   h4,
    12.   h5,
    13.   h6,
    14.   p,
    15.   blockquote {
    16.       margin: 0;
    17.       padding: 0;
    18.   }
    19.   body {
    20.       font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    21.       font-size: 13px;
    22.       line-height: 18px;
    23.       color: #737373;
    24.       background-color: white;
    25.       margin: 10px 13px 10px 13px;
    26.   }
    27.   table {
    28.       margin: 10px 0 15px 0;
    29.       border-collapse: collapse;
    30.   }
    31.   td,th {
    32.       border: 1px solid #ddd;
    33.       padding: 3px 10px;
    34.   }
    35.   th {
    36.       padding: 5px 10px;
    37.   }
    39.   a {
    40.       color: #0069d6;
    41.   }
    42.   a:hover {
    43.       color: #0050a3;
    44.       text-decoration: none;
    45.   }
    46.   a img {
    47.       border: none;
    48.   }
    49.   p {
    50.       margin-bottom: 9px;
    51.   }
    52.   h1,
    53.   h2,
    54.   h3,
    55.   h4,
    56.   h5,
    57.   h6 {
    58.   color: #404040;
    59.   line-height: 36px;
    60.   }
    61.   h1 {
    62.       margin-bottom: 18px;
    63.       font-size: 30px;
    64.   }
    65.   h2 {
    66.       font-size: 24px;
    67.   }
    68.   h3 {
    69.       font-size: 18px;
    70.   }
    71.   h4 {
    72.       font-size: 16px;
    73.   }
    74.   h5 {
    75.       font-size: 14px;
    76.   }
    77.   h6 {
    78.       font-size: 13px;
    79.   }
    80.   hr {
    81.       margin: 0 0 19px;
    82.       border: 0;
    83.       border-bottom: 1px solid #ccc;
    84.   }
    85.   blockquote {
    86.       padding: 13px 13px 21px 15px;
    87.       margin-bottom: 18px;
    88.       font-family:georgia,serif;
    89.       font-style: italic;
    90.   }
    91.   blockquote:before {
    92.       content:"\201C";
    93.       font-size:40px;
    94.       margin-left:-10px;
    95.       font-family:georgia,serif;
    96.       color:#eee;
    97.   }
    98.   blockquote p {
    99.       font-size: 14px;
    100.       font-weight: 300;
    101.       line-height: 18px;
    102.       margin-bottom: 0;
    103.       font-style: italic;
    104.   }
    105.   code, pre {
    106.       font-family: Monaco, Andale Mono, Courier New, monospace;
    107.   }
    108.   code {
    109.       background-color: #fee9cc;
    110.       color: rgba(0, 0, 0, 0.75);
    111.       padding: 1px 3px;
    112.       font-size: 12px;
    113.       -webkit-border-radius: 3px;
    114.       -moz-border-radius: 3px;
    115.       border-radius: 3px;
    116.   }
    117.   pre {
    118.       display: block;
    119.       padding: 14px;
    120.       margin: 0 0 18px;
    121.       line-height: 16px;
    122.       font-size: 11px;
    123.       border: 1px solid #d9d9d9;
    124.       white-space: pre-wrap;
    125.       word-wrap: break-word;
    126.   }
    127.   pre code {
    128.       background-color: #fff;
    129.       color:#737373;
    130.       font-size: 11px;
    131.       padding: 0;
    132.   }
    133.   sup {
    134.       font-size: 0.83em;
    135.       vertical-align: super;
    136.       line-height: 0;
    137.   }
    138.   * {
    139.       -webkit-print-color-adjust: exact;
    140.   }
    141.   @media screen and (min-width: 914px) {
    142.       body {
    143.       width: 854px;
    144.       margin:10px auto;
    145.       }
    146.   }
    147.   @media print {
    148.       body,code,pre code,h1,h2,h3,h4,h5,h6 {
    149.       color: black;
    150.   }
    151.           table, pre {
    152.           page-break-inside: avoid;
    153.       }
    154.   }
    155.   </style>
    156.   <title>UIWebView加载网页的方法</title>
    158.   </head>
    159.   <body>
    160.   <h3>UIWebView加载网页的方法</h3>
    162.   <ul>
    163.   <li><p>直接使用URL加载</p>
    165.   <pre><code>  NSURL *url = [NSURL URLWithString: @"http://ss.zhiless.com/hjyAuth.do?token=61cbdd8c97273f9aa7d878b04e2c94c1"];
    166.   NSURLRequest *request = [NSURLRequest requestWithURL: url];
    167.   [self.webView loadRequest:request];
    168.   </code></pre></li>
    169.   <li><p>加载HTML源码</p>
    171.   <pre><code>  [self.testWebView loadHTMLString:@"" baseURL:nil];
    172.   </code></pre></li>
    173.   <li></li>
    174.   </ul>
    176.   </body>
    177.   </html>" baseURL:nil];

  • 加载HTML文件

    1.   NSString *path = [[NSBundle mainBundle] bundlePath];
    2.   NSURL *baseURL = [NSURL fileURLWithPath:path];
    3.   NSString * htmlPath = [[NSBundle mainBundle] pathForResource:@"index"
    4.                                                     ofType:@"html"];
    5.   NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath
    6.                                               encoding:NSUTF8StringEncoding
    7.                                                  error:nil];
    8.   [self.ui_webView loadHTMLString:htmlCont baseURL:baseURL];

h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: 0 }
body { font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif; font-size: 13px; line-height: 18px; color: rgba(115, 115, 115, 1); background-color: rgba(255, 255, 255, 1); margin: 10px 13px }
table { margin: 10px 0 15px; border-collapse: collapse }
td, th { border: 1px solid rgba(221, 221, 221, 1); padding: 3px 10px }
th { padding: 5px 10px }
a { color: rgba(0, 105, 214, 1) }
a:hover { color: rgba(0, 80, 163, 1); text-decoration: none }
a img { border: none }
p { margin-bottom: 9px }
h1, h2, h3, h4, h5, h6 { color: rgba(64, 64, 64, 1); line-height: 36px }
h1 { margin-bottom: 18px; font-size: 30px }
h2 { font-size: 24px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 13px }
hr { margin: 0 0 19px; border-top: 0; border-right: 0; border-bottom: 1px solid rgba(204, 204, 204, 1); border-left: 0 }
blockquote { padding: 13px 13px 21px 15px; margin-bottom: 18px; font-family: georgia, serif; font-style: italic }
blockquote:before { content: "“"; font-size: 40px; margin-left: -10px; font-family: georgia, serif; color: rgba(238, 238, 238, 1) }
blockquote p { font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; font-style: italic }
code, pre { font-family: Monaco, Andale Mono, Courier New, monospace }
code { background-color: rgba(254, 233, 204, 1); color: rgba(0, 0, 0, 0.75); padding: 1px 3px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
pre { display: block; padding: 14px; margin: 0 0 18px; line-height: 16px; font-size: 11px; border: 1px solid rgba(217, 217, 217, 1); white-space: pre-wrap; word-wrap: break-word }
pre code { background-color: rgba(255, 255, 255, 1); color: rgba(115, 115, 115, 1); font-size: 11px; padding: 0 }
sup { font-size: 0.83em; vertical-align: super; line-height: 0 }
* { -webkit-print-color-adjust: exact }
@media screen and (min-width: 914px) { body { width: 854px; margin: 10px auto } }
@media print { body, code, pre code, h1, h2, h3, h4, h5, h6 { color: rgba(0, 0, 0, 1) } table, pre { page-break-inside: avoid } }

UIWebView各种加载网页的方式的更多相关文章

  1. xcode7和ios9下UIWebView不能加载网页的解决方法

    错误描述: App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecu ...

  2. WebView 加载网页和java 与js交互

    [mw_shl_code=java,true]WebView是一个可以显示网页的控件.需求:通过WebView加载assets下的html文件.实现页面的缩放.向menu键添加:前进.后退和刷新,实现 ...

  3. ios网络学习------4 UIWebView的加载本地数据的三种方式

    ios网络学习------4 UIWebView的加载本地数据的三种方式 分类: IOS2014-06-27 12:56 959人阅读 评论(0) 收藏 举报 UIWebView是IOS内置的浏览器, ...

  4. UIWebView 加载网页、文件、 html-b

    UIWebView  是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf word doc 等等文件 生成webview 有两种方法,1.通过storyboard 拖拽 2.通过al ...

  5. UIWebView 加载网页、文件、 html

    UIWebView  是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf word doc 等等文件 生成webview 有两种方法,1.通过storyboard 拖拽 2.通过al ...

  6. bootstrap模态框远程加载网页的正确处理方式

    bootstrap模态框远程加载网页的方法 在bootsrap模态框文档里给出了这个方法: 使用链接模式 <a data-toggle="modal" href=" ...

  7. 【iOS系列】-UIWebView加载网页禁止左右滑动

    [iOS系列]-UIWebView加载网页禁止左右滑动 问题: 做项目时候,用UIWebView加载网页的时候,要求是和微信网页中打开的网页的效果一样,也即是只能上下滑动,不能左右滑动,也不能缩放. ...

  8. iOS之webview加载网页、文件、html的方法

    UIWebView  是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf.word.doc 等等文件 生成webview 有两种方法,1.通过storyboard 拖拽  2.通过a ...

  9. UIWebView如何加载本地图片

    UIWebView如何加载本地图片 UIWebView加载本地图片是有实用价值的.比方说,有时候我们需要本地加载静态页来显示相关帮助信息,而这些帮助信息当中含有很多很多的富文本,用代码实现难度较大,这 ...

随机推荐

  1. 腾讯云大学 x CODING | 知识分享月直播预告

    经历十年的发展,DevOps 已经变成被广泛认知的研发效能方法论.DevOps 工具链作为 DevOps 落地的核心技术实践之一,在自动化和质量方面使得开发团队可以更快更好地交付产品,提高其竞争力. ...

  2. 如何用vue实现一个矩形标记区域 rectangle marker

    代码地址:vue-rectangle-marker 一.前言 一些cms系统经常会用到区域标记功能,所以写了个用vue实现的矩形标记区域,包含拖拽.放大缩小.重置功能. 二.实现结果 初始 标记 三. ...

  3. WIN32之消息队列

    0x01. 什么是消息? 当我们点击鼠标的时候,或者当我们按下键盘的时候,操作系统都要把这些动作记录下来,存储到结构体中,这个结构体就是 消息 比如我们点击运行程序,是通过消息队列获取,通过explo ...

  4. 优雅手撕bind函数(面试官常问)

    优雅手撕bind函数 前言: 为什么面试官总爱让实现一个bind函数? 他想从bind中知道些什么? 一个小小的bind里面内有玄机? 今天来刨析一下实现一个bind要懂多少相关知识点,也方便我们将零 ...

  5. 阿里P6晋升到P7是一个坎吗？ P7 晋升总结

    作者:程序之心丁仪 来源:https://chengxuzhixin.com/blog/post/P6_jin_sheng_dao_P7_zong_jie.html 公众号停更了挺长一段时间,首先说声 ...

  6. LWJGL3的内存管理，简介及目录

    LWJGL3的内存管理,简介及目录 LWJGL3 (Lightweight Java Game Library 3),是一个支持OpenGL,OpenAl,Opengl ES,Vulkan等的Java ...

  7. 常用-DNS

    1.1.1.1 cloudflare 1.0.0.1 119.29.29.29 腾讯 114.114.114.114 114.114.115.115 114.114.114.119财务 114.114 ...

  8. Docker（4）- Docker 命令大全

    如果你还想从头学起 Docker,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1870863.html 容器生命周期管理 run sta ...

  9. vim实现CTRL+S为保存快捷键

    用vim正撸代码撸的飞起,突然Xshell就掉线了,真是太蛋疼了. 于是开始怀念起vs下撸代码时随时随地ctrl+s保存的快捷键,百度了一下,网上的vim实现ctrl+s保存的快捷键设置都有问题,自己 ...

  10. 浅谈js for循环输出i为同一值的问题

    问题再现 ​ 最近开发中遇到一个问题,为什么每次输出都是5,而不是点击每个p,就alert出对应的1,2,3,4,5. <html> <head> <meta http- ...