创建Chrome WebUI接口(Chrome内部页面)

背景

看了:http://blog.csdn.net/doon/article/details/9252327,做了一个WebUI的页面,但是过程中遇到很多问题(类名称的改变,函数名的改变等),针对我的Chromium版本修改了一下(对于最新的版本还是需要做一些改动,因为Chromium的代码更新太快了……)

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

创建WebUIChromium25.0.1364.99)

  1. 什么是WebUI

    WebUI就是Chromechrome://about/中列出来的页面。它根本上是一个html页面,但是他的数据可以从浏览器内部的C++代码获取,它可以使用js向浏览器发送消息,还可以接收浏览器发送的消息。

  2. 为什么要用WebUI

    因为html+js与平台无关,这些页面本来需要使用平台特定的UI库来实现,而其本身又没有太多的功能要实现,只是一些简单的数据显示和存储,使用html页面就很方便,而且jsWebUI的支持下也能满足所有需求。

  3. WebUI都包含哪些内容

    1. 一个基本的html页面,页面中包含基本的元素,由后台为其填充数据

    2. js脚本文件,也可以嵌入到html页面中,与后台C++代码的通信都由js完成,后台传递过来数据后也需要js进行显示

    3. 一个继承自content::WebUIController的类,该类负责html页面的数据填充和消息传递

  4. 简单登录页面创建过程

    1. WebUI的资源文件都位于src/chrome/browser/resources目录下,编译时会集中打到资源包文件中。首先创建一个html文件:

      <!DOCTYPEHTML>

      <htmli18n-values="dir:textdirection">

      <head>

      <metacharset="utf-8">

      <titlei18n-content="helloWorldTitle"></title>

      <scriptsrc="chrome://resources/js/cr.js"></script>

      <scriptsrc="chrome://resources/js/load_time_data.js"></script>

      <scriptsrc="chrome://resources/js/util.js"></script>

      <scriptsrc="strings.js"></script>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值