加载网页时执行javascript代码

 let mWebView = WKWebView.init(frame: self.view.bounds)

        self.view.addSubview(mWebView)

        //加载请求

        let request = NSURLRequest.init(URL: NSURL.init(string: "http://www.baidu.com/")!)

        mWebView.loadRequest(request)

        //编写javascript代码，并在加载网页时执行

        let js1 = "var button = document.getElementsByTagName('button')[0];"

        let js2 = "button.parentNode.removeChild(button);"

        let js=js1+js2</span>

        let script = WKUserScript(source: js, injectionTime: WKUserScriptInjectionTime.AtDocumentEnd, forMainFrameOnly: true)

        mWebView.configuration.userContentController.addUserScript(script)

我自己写了个简单的html网页，作为测试用，文件名为test

<html>

<head>

    <meta charset="utf-8">

    <title>测试网页</title>

    <style type="text/css">

        body button{

            color: red;

            background-color: blue;

            width: 200px;

        }

        .list{

            background-color: #ffff00;

        }

    </style>

</head>

<body>

    <br>

    <br>

    <br>

    <P>

    </P>

    <ul >

    </ul>

    <br>

    <button onclick="window.webkit.messageHandlers.YX.postMessage('专注探索')">按钮1</button>

    <button>按钮2</button>

    <button onclick="window.webkit.messageHandlers.{YX}.postMessage(kkkkkkkkkk)">这按钮3</button>

</body>

</html>

WKWebView获得网页传递的数据，和js进行交互

import UIKit

import WebKit

class ViewController: UIViewController ,WKScriptMessageHandler,WKUIDelegate,WKNavigationDelegate  {

    override func viewDidLoad() {

        super.viewDidLoad()

        //创建一个WKWebView，并添加到控制器的view中

        let mWebView = WKWebView.init(frame: self.view.bounds)

        self.view.addSubview(mWebView)

        //加载请求

     let url1 =  NSURL.fileURLWithPath("/Users/yinqixing/Documents/0102--自己编的网页/0102--自己编的网页Tests/test.html")

//        let url = NSBundle.mainBundle().URLForResource("test", withExtension: "html")

        let request = NSURLRequest.init(URL: url1)

        mWebView.loadRequest(request)

        //编写javascript代码，并在加载网页时执行

        let js1 = "var button = document.getElementsByTagName('button')[1];"

        let js2 = "button.parentNode.removeChild(button);"

        let js=js1+js2

        let script = WKUserScript(source: js, injectionTime: WKUserScriptInjectionTime.AtDocumentEnd, forMainFrameOnly: true)

        mWebView.configuration.userContentController.addUserScript(script)

        mWebView.UIDelegate = self

        mWebView.navigationDelegate = self

        //注意  控制器要遵守WKScriptMessageHandler这个协议

        //网页代码加入的交互代码： window.webkit.messageHandlers.YX.postMessage()

        mWebView.configuration.userContentController.addScriptMessageHandler(self, name: "YX")

    }

    //实现WKScriptMessageHandler协议中的方法

    func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {

        print(message.body)

        //打印结果为  专注探索

    }

WebKit笔记的更多相关文章

  1. WebKit资源加载和网络栈

    webkit笔记,主要来自 朱永盛 <WebKit技术内幕> 学习笔记,转载就注明原著,该书是国内仅有的Webkit内核的书籍,学习的好导师,推荐有兴趣的朋友可以购买 WebKit资源加载 ...

  2. WebKit 渲染过程

    webkit笔记,主要来自 朱永盛 <WebKit技术内幕> 学习笔记,转载就注明原著,该书是国内仅有的Webkit内核的书籍,学习的好导师,推荐有兴趣的朋友可以购买 Webkit渲染过程 ...

  3. Chromium多进程资源加载

    webkit笔记,主要来自 朱永盛 <WebKit技术内幕> 学习笔记,转载就注明原著,该书是国内仅有的Webkit内核的书籍,学习的好导师,推荐有兴趣的朋友可以购买 多进程 资源的实际加 ...

  4. [webkit移动开发笔记]之如何去除android上a标签产生的边框（转）

    转载地址:http://www.cnblogs.com/PeunZhang/archive/2013/02/28/2907708.html 去年年底,做完最后一个项目就可以开开心心回家,可是在测试阶段 ...

  5. [webkit移动开发笔记]之如何去除android上a标签产生的边框

    去年年底,做完最后一个项目就可以开开心心回家,可是在测试阶段,发现了不少bug,为了不影响回家时间,加班加点也要解决这些问题,这里算是工作回忆,也算是工作的一点小总结. 在ios4+和android2 ...

  6. openerp学习笔记 webkit 打印

    1.webkit 打印需要安装的支持模块 请首先安装 Webkit 报表引擎(report_webkit),再安装 Webkit 报表的支持库(report_webkit_lib),该模块讲自动安装和 ...

  7. webkit技术内幕读书笔记 (四)

    资源缓存 资源缓存的目的是为了提高资源使用的效率,其基本思想是建立一个资源的缓存池,当需要请求资源的时候先去资源池查找是否有相应的资源,如果没有则向服务器发送请求,webkit收到资源后将其设置到该资 ...

  8. webkit技术内幕读书笔记 (二、三)

    可视区和网页 通常网页比屏幕的可视区面积要大,因此当网页内容在可视区中放不下时,一般浏览器会提供滚动条. 从URL到构建完DOM树的过程 当用户输入网页URL的时候,WebKit调用其资源加载器加载该 ...

  9. webkit技术内幕读书笔记 (一)

    本文部分摘录自互联网. Chromeium与Chrome Chromium是Google为发展自家的浏览器Google Chrome而打开的项目,所以Chromium相当于Google Chrome的 ...

随机推荐

  1. jquery的全选/全不选/反选以及attr添加checked属性失败的解决办法

    如下图: <head> <title></title> <style type="text/css"> div { border: ...

  2. 【原】Storm调度器

    Storm入门教程 1. Storm基础 Storm Storm主要特点 Storm基本概念 Storm调度器 Pluggable scheduler(可插拔调度器) Isolation schedu ...

  3. VIJOS-P1340 拯救ice-cream（广搜+优先级队列）

    题意:从s到m的最短时间.(“o"不能走,‘#’走一个花两个单位时间,‘.'走一个花一个单位时间) 思路:广搜和优先队列. #include <stdio.h> #include ...

  4. HW6.6

    public class Solution { public static void main(String[] args) { int[] prime = new int[50]; prime[0] ...

  5. rabbitMQ 笔记

    1. 端口 rabbitMQ  server 使用的端口是5672  ,   AMQP协议的端口 rabbitMQ  web 使用的端口是15672  ,   管理工具的端口 rabbitMQ  cl ...

  6. 问题-在TreeView使用时，发现选中的树节点会闪烁或消失

    问题:在工程中选中一个树节点,鼠标焦点在树上,做某种操作时发现选中的点会消失?原因:如果只是BeginUpdate后,没有调用EndUpdate,树会全空.应该是BeginUpdate方法会刷新树,但 ...

  7. 【C语言】-条件语句-switch语句

    switch语句: 用于直接处理不同情况下的多路问题. switch语句又可称为开关语句,其执行流程和多分支if语句类似. switch (表达式) { case 常量表达式1:语句组1;break; ...

  8. UILabel的各种属性与方法的使用

    //设置字体:粗体,正常的是 SystemFontOfSize label1.font = [UIFont boldSystemFontOfSize:20]; //设置文字颜色 label1.text ...

  9. RS485连接CAN——应急用法【worldsing笔记】【待完善】

    阅读前提:假设读者对CAN总线和485总线有一定了解. RX485连接CAN用法提出背景: 在一般情况下只能是CAN对CAN 485对485, 但是在调试过程中难免对出现设备没有CAN接口,或是没有4 ...

  10. byte数组和int互转

    import java.nio.ByteBuffer; public class Program { public static void main(String[] args) { ByteBuff ...