在开发 app 的时候，WebView 是经常使用的控件。而且有时需要向 WebView 中的 html 内容

注入额外的 js 进行操作。这里记录一下在当前 WebView 控件中，获取 html 内容的方法。

运行效果：

1、首先在工程根目录下面放一个 test.html 文件，里面放入一些 html，作为测试内容：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title></title>

</head>

<body>

    <!--绿色背景、居中-->

    <div style="width:400px;height:100px;color:black;background:#0f0;margin:0px auto;font-size:40px;">

        测试内容

    </div>

</body>

</html>

放在根目录下：

2、在页面上放置一个 WebView 用来显示网页内容，另外放置两个按钮：

<Grid Background="White">

    <Grid.RowDefinitions>

        <RowDefinition Height="100"/>

        <RowDefinition Height="*"/>

    </Grid.RowDefinitions>

    <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">

        <Button Content="方法 一" Click="Button_f1_Click"/>

        <Button Content="方法 二" Click="Button_f2_Click"/>

    </StackPanel>

<WebView x:Name="webView" Grid.Row="2" Source="test.html"/>

</Grid>

3、在 C# 页面：

 public MainPage()

 {

     this.InitializeComponent();

     this.Loaded += MainPage_Loaded;

     webView.ScriptNotify += webView_ScriptNotify;

 }

 // 把 appx 根目录下的 test.html 网页内容加载到 WebView 中

 async void MainPage_Loaded(object sender, RoutedEventArgs e)

 {

     string html = "";

     StorageFile file = await Windows.ApplicationModel.Package.Current.InstalledLocation.GetFileAsync("test.html");

     using (StreamReader sr = new StreamReader(await file.OpenStreamForReadAsync()))

     {

         html = sr.ReadToEnd();

     }

     // 如果网页内容是从网络下载的，则可以把 getHTML() 方法 注入到 html 中

     html += "<script>function getHTML(){ window.external.notify(document.documentElement.innerHTML)}</script>";

     webView.NavigateToString(html);

 }

 // 方法 一：调用注入的 js 方法

 async void Button_f1_Click(object sender, RoutedEventArgs e)

 {

    await webView.InvokeScriptAsync("getHTML", null);

 }

 void webView_ScriptNotify(object sender, NotifyEventArgs e)

 {

     // e.Value 中为方法调用的返回值

     Debug.WriteLine(e.Value);

 }

 // 方法 二：直接通过 html 中 window 对象的 eval 方法，将当前网页内容返回

 async void Button_f2_Click(object sender, RoutedEventArgs e)

 {

     // 直接将结果返回（返回值为 WebView 中的 html），并不会出发 ScriptNotify 事件

     var html = await webView.InvokeScriptAsync("eval", new[] { "document.documentElement.innerHTML" });

     Debug.WriteLine(html);

 }

02、获取 WebView 控件中，加载的 HTML 网页内容的更多相关文章

  1. 【高德地图API】Pivot控件中加载地图并禁止Pivot手势

    如题,解决方案,参考[Windows phone应用开发[20]-禁止Pivot手势]http://www.cnblogs.com/chenkai/p/3408658.html. xaml代码清单   ...

  2. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: 加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    原文:重新想象 Windows 8.1 Store Apps (81) - 控件增强: 加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 Web ...

  3. easyui控件的加载顺序

    使用easyui做布局时,会模仿窗口程序界面,做出一些较复杂的布局.按由外层到内层的顺序: (最外层)panel->tabs->tabs1 ->tabs2->layout-&g ...

  4. 使用DevExpress.XtraTabbedMdi.XtraTabbedMdiManager控件来加载MDI窗体

    使用DevExpress.XtraTabbedMdi.XtraTabbedMdiManager控件来加载MDI窗体     [csharp] view plaincopyprint? <SPAN ...

  5. .net获取select控件中的文本内容

    .net获取select控件中的文本内容 2009-11-28 21:19小V古 | 分类:C#/.NET | 浏览1374次 <select id="SecType" st ...

  6. GridView控件中加自动排列序号

    GridView控件中加自动排列序号 为 Gridview 增加一个新的空白列,如下: <asp:BoundField  HeaderText="序号">    < ...

  7. Delphi7 第三方控件1stClass4000的TfcImageBtn按钮控件动态加载jpg图片例子

    Delphi7 第三方控件1stClass4000的TfcImageBtn按钮控件动态加载jpg图片例子 procedure TForm1.Button1Click(Sender: TObject); ...

  8. WPF中获取TreeView以及ListView获取其本身滚动条的方法，可实现自行调节scoll滚动的位置(可相应获取任何控件中的内部滚动条)

    原文:WPF中获取TreeView以及ListView获取其本身滚动条的方法,可实现自行调节scoll滚动的位置(可相应获取任何控件中的内部滚动条) 对于TreeView而言: TreeViewAut ...

  9. 在WinForm应用程序中，使用选项卡控件来加载不同的Form界面！

    TabPage tp=new TabPage(); your选项卡控件.Controls.Add(tp); From1 frm=new Form1(); frm.TopLevel = false; f ...

随机推荐

  1. Linux进程间通信—套接字

    六．套接字(socket) socket也是一种进程间的通信机制,不过它与其他通信方式主要的区别是:它可以实现不同主机间的进程通信.一个套接口可以看做是进程间通信的端点(endpoint),每个套接口 ...

  2. Python学习（九）IO 编程 —— 文件读写

    Python 文件读写 Python内置了读写文件的函数,用法和C是兼容的.本节介绍内容大致有:文件的打开/关闭.文件对象.文件的读写等. 本章节仅示例介绍 TXT 类型文档的读写,也就是最基础的文件 ...

  3. TensorFlow 入门 上（自用）

    下文会出现的一些知识点:TensorFlow的计算模型.数据模型.运行模型,TensorFlow的工作原理. 两个重要概念——Tensor和Flow: Tensor是张量,在TensorFlow中可以 ...

  4. 转：美团Android资源混淆保护实践

    转自:http://tech.meituan.com/mt-android-resource-obfuscation.html 前言 Android应用中的APK安全性一直遭人诟病,市面上充斥着各种被 ...

  5. RS开发日期提示控件默认为昨天之进阶篇

    时隔<RS开发日期提示控件默认为昨天>这篇博文已经很久了,请原谅我隔了这么久才继续来写这篇笔记.也希望读到这篇笔记的朋友可以从这篇笔记中学习到一些关于RS日期控件和JS的一些应用知识,当然 ...

  6. C++ 生成

    1.重新生成,会导致所有cpp文件重新编译,然后连接. 2.使用生成,只会对需要重新编译的cpp文件,进行编译. a.修改cpp文件方法实现,只需要重新编译该cpp文件 b.修改h文件的接口部分,包含 ...

  7. 无法加载协定为“JavaWebService.UserInfoDelegate”的终结点配置部分，因为找到了该协定的多个终结点配置。请按名称指示首选的终结点配置部分。

    原因是: 在vs 2008中使用C#,多次添加/删除服务引用后,app.config文件并不会自动修改, 在添加/删除后,会生成多个“endpoint”,手工删除即可. app.config中的内容: ...

  8. es5||es6 - array

    导航目录 /** * javascript - array * * ES5: * join() * push() * pop() * shift() * unshift() * sort() * re ...

  9. javascript:void(0)和onclick=fn(this)

    今天在写代码中遇到一个这样的问题.关于点击在html中添加点击事件,顺便把this对象通过参数传过去. <a href='#' \>查看详情</a> <a href='j ...

  10. asp.net MVC 视图文件(cshtml/vbhtml)变更编译过程示范

    更改cshtml文件的时候 并不会触发程序重新启动,而是进入了编译状态  csc.exe进程启动. 非阻塞的方式进行等待,延时等待. 示范程序:http://pan.baidu.com/s/1skDY ...