Webkit

最新推荐文章于 2024-08-02 00:26:18 发布
最新推荐文章于 2024-08-02 00:26:18 发布
阅读量1.2k 收藏 2
点赞数 2
分类专栏： Android 文章标签： webkit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ArJinMC/article/details/21041467
版权

（written in 2012-08-09 22:31:31）


WebKit的组成

  1. Webkit ：整个项目的名称
  1. JavaScriptCore：JavaScript解析器
    1. API：基本JavaScript功能
    1. Binding：与其他功能的绑定，如DOM,C,JNI
    2. DerviedSource：自动生成代码
    1. ForwordHeads：头文件，无实际意义
    1. PCRE：Perl-Compatible Regular Expressions（Perd兼容的规则表达式）
    1. KJS：Javascript内核
    2. WTF：KDE的C++模板库
  1. WebCore：整个项目的核心，实现Render引擎，解析web页面，生成一个DOM树和一个Render树
    1. Page：与外界相关的内容。Frame,Page,History,Focus,Windows
    2. Loader：加载资源及Cache
    3. HTML:DOM HTML内容及解析
    4. DOME： DOM CORE内容
    5. XML：XML内容及解析
    6. Render:排版功能
    1. CSS：DOM CSS内容
    1. Binding：DOM与JavaScriptCore绑定的功能
    1. Editing：所有与编辑相关的功能

 

WebView：用于浏览网页，是一个功能齐全的移动设备浏览器。

WebSettings：管理网页试图的各种设置。

WebViewClient：用于接收来自网页试图的各种消息和请求。

WebChromeClient：用于辅助WebView处理JavaScript的对话框，网站图片，网站Title，加载程度等等。

OnTouchListener接口：该接口负责处理用户触摸手机中WebView所在区域的事件。

 

Webkit的解析流程

  1. CURL获得网站的stream
  1. 解析划分字符串
  2. 通过DOM Builder按合法的HTML规范生成DOM树
  3. 如果有JavaScript，JSEngine就通过ECMA-262保准完善DOM树
  4. 把DOM传给LayoutEngine进行布局，如果有CSS样式，就通过CSSParser解析
  1. 最后Rendering渲染出来

 

常用方法

  1. setWebViewClient() 创建一个客户端浏览器对象

例：webView.setWebViewClient(new WebViewClient());

  1. setWebChromeClient() 创建一个WebChromeClient对象

例：webView.setWebChromeClient(new WebChromeClient());

  1. getSetting() 创建WebSetting对象

例：WebSettings webSettings = webView.getSettings();

  1. loadUrl() 载入指定网址的网页

例：webView.loadUrl("www.google.com");

调用javaScript webView.loadUrl("javascript:xxx' "+param+" ' ");

  1. addJavascriptInterface(Object obj,String interfaceName);

作用：设置JavaScript接口，允许网页中的JavaScript函数调用Java中的方法。

参数obj：自定义的类的实力；参数interfaceName：设置代表第一个参数所在类的名称，该名称将在JavaScrpit中被使用。

例：

addjavascriptInterface(new MyClass,"aaa");
 
class MyClass{
public void runOnJs(String message){
Message msg = new Message();
msg.obj = message;
mHandler.sendMessage(msg);
}
}


在JavaScript中调用runOnJs:

window.aaa.runOnJs(str);

  1. webSetting.setJavaScriptEnabled(Boolean enable) 设置是否支持JavaScrpit脚本。
  1.  webChromeClient.onProgressChanged()  加载进度条改变时调用
  2. webChromeClient.RequestFocus() 设置WebView获取焦点

 

WebView控件的使用

<WebView
android:id="@+id/webview01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
andorid:layout_weight="1"
/>


 

例：网页加载时，显示加载进度条，用户触摸网页时，网页获得焦点

WebView mWebView = (WebView)findViewById(R.id.wv);
mWebView.requestFocus(); //设置页面焦点
mWebView.loadUrl("10.0.2.2/android.html");
mWebView.setWebChromeClient(new WebChromeClient(){
public void onProgressChnaged(WebView view,int newProgress){
super.onProgressChanged(view,newProgress);
mProgressBar.setProgress(newProgress);
}
});
//设置网页触摸监听事件
mWebView.setOnTouchListener(new OnTouchListener(){
public boolean onTouch(View v,MotionEvent event){
mWebView.requestFocus(); //设置网页获得焦点
return false;
}
});


 

WebSetting

WebSetting用来设置WebView的属性，状态。在创建WebView时，系统有一个默认的设置，通过WebView.getSettings来得到这个设置：

WebSettings webSettings = mWebView.getSettings();

常用API

setAllowFileAccess

启动或禁止WebView访问文件数据

setBlockNetworkImage

是否显示网络图像

setBuiltInZoomControls

设置是否支持缩放

setCacheMode

设置缓冲模式

setDefaultFontSize

设置默认字体大小

setDeafaultTextEncodingName

设置在解码时使用的默认编码

setFixedFontFamily

设置固定使用的字体

setJavaScriptEnabled

设置是否支持JavaScript

setLayoutAlgorithm

设置布局方式

setLightTouchEnabled

设置用鼠标激活被选项

setSupportZoom

设置是否之支持变焦

 

 

WebViewClient

专门辅助WebView处理各种通知、请求等事件的类。

使得当有新的连接时，使用的那个钱的WebView来显示：

public boolean shouldOverrideUrlLoading(WebView view,String url){
view.loadUrl(url);
return true;
}


常用的方法

doUpdateVisitedHistory

更新历史记录

onFormResubmission

应用程序重新请求网页数据

onLoadResource

加载指定地址提供的资源

onPageFinished

网页加载完毕

onPageStarted

网页开始加载

onReceivedError

报告错误信息

onScaleChanged

WebView发生改变

shouldOverrideUrlLoading

控制新的连接在当前WebView中打开

例：检测是否能按下前进和后退键(前进canGoForward)

if((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()){
//返回前一个页面
mWebView.goBack();
return true;
}


 

WebChromeClient

辅助WebView处理JavaScript的对话框，网站图标，网站标题，加载进度等。

常用方法

oonCloseWindow

关闭WebView

onCreateWindow

创建WebView

onJsAlert

处理JavaScript中的Alert对话框

onJsConfirm

处理JavaScript中的Confirm对话框

onJsPrompt

处理JavaScript中的Prompt对话框

onProgressChanged

加载进度条改变

onReceivedIcon

网页图标更改

onReceivedTitle

网页Title更改

onRequestFocus

WebView显示焦点

例：更改标题

public void onReceivedTitle(WebView view,String title){
Activity01.this.setTitle(title);
super.onReceivedTitile(view,title);
}


 

例：

public class Activity01 extends Activity{
private final String DEBUG_TAG = "Activity01";
 
private Button mButton;
private EditText mEditTEXT;
private WebView mWebView;
 
public void onCreate(Bundler savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
mButton = (Button)findViewById(R.id.Button01);
mEditText = (EditText)findViewById(R.id.EditText01);
mWebView = (WebView)findViewById(R.id.WebView01);
 
//设置支持JavaScript脚本
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
//设置可以访问文件
webSettings.setAllowFileAccess(true);
//设置支持缩放
webSettings.setBuiltInZoomControls(true);
//设置webViewClient
mWebView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrilLoading(WebView view,String uril){
view.loadUrl(url);
return true;
}
 
public void onPageFinished(WebView view, String url){
super.onPangeFinished(view,url);
}
 
public void onPageStarted(WebView view,String url,Bitmap favicon){
super.onPageStarted(view,url,favicon);
}
});
 
//设置WebChromeClient
mWebView.setWebChromeClient(new WebChromeClient(){
//处理alert
public boolean onJsAlert(WebView view,String url,String message,final JsResult result){
//构建一个Builder来显示来自网页中的对话框
Builder builder = new Builder(Activity01.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositivieButton(android.R.string.ok,new AlertDialog.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
//点击确定后继续执行网页中的操作
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
};
 
//处理Confirm
public boolean onJsConfirm(WebView view,String url,String message,final JsResult result){
 
Builder builder = new Builder(Activity01.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositivieButton(android.R.string.ok,new AlertDialog.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
result.confirm();
}
});
builder.setNegativeButton(android.R.string.cancel,new DialogInterface.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
};
 
//处理prompt
public boolean onJsPrompt(WebView view,String url,String message,String defaultValue,final JsPromptResult result){
//自定义一个带输入对话框由TextView和EditText构成
final LayoutInflater factory = LayoutInflater.from(Activity01.this);
final View dialogview = factory.inflate(R.layout.prom_dialog,null);
//设置TextView对应网页中的提示信息
((TextView)dialogview.findViewById(R.id.EditText_PROM).setText(defaultValue);
 
Builder builder = new Builder(Activity01.this);
builder.setTitle("带输入的对话框");
builder.setView(dialogview);
builder.setPositiveButton(android.R.string.ok,new AlerDialog.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
//点击确定后，取得输入值，传给网页处理
String value = ((EditText)dialogview.findViewById(R.id.EditText_PROM).getText().toString();
result.confirm(value);
}
});
 
builder.setNegativeButton(android.R.string.cancel,new DialogInterface.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
result.cancel();
}
});
 
builder.setCancelListener(android.R.string.cancel,new DialogInterface.OnClickListener(){
public void onClick(DialogInterface dialog,int which){
result.cancel();
}
});
 
builder.show();
retrun true;
};
 
//设置网页加载的进度条
public void onProgressChanged(WebView view,int newProgress){
Activity01.this.getWindow().setFeatureInt(Window.FEATURE_PROGERSS,newProgress*100);
super.onProgressChanged(View,String title){
Activity01.this.setTitle(title);
super.onReceivedTitle(view,title);
}
 
pulbic void onReceivedTitle(WebView view,String title){
Activity01.this.setTitle(title);
super.onReceivedTitle(view,title);
}
});
 
//设置按钮事件监听
mButton.setOnClickListener(new OnClickListener(){
public void onClick(View v){
try{
//取得编辑框的内容
String url = mEditText.getText().toString();
//判断是否输入的为地址
if(URLUtil.isNetworkUril(url)){
//装载地址
mWebView.loadUrl(url);
}else{
mEditText.setText("输入的网址错误，请重新输入！");
}
}catch(Exception e){
Log.e(DEBUG_TAG,e.toString());
}
}
});
}
 
public void boolean onKeyDown(int keyCode,KeyEvent event){
//后退键，返回上一页
if((keyCode == KEYEvent.KEYCODE_BACK) && mWebView.canGoBack()({
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode,Event);
}
}


 

 

例：从Android中调用个人资料，用JavaScript显示

public class Activity01 extends Activity{
private WebView mWebView;
private PersonalData mPersonalData;
 
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
mPersonalData = new PersonalData();
mWebView = (WebView)this.findViewById(R.id.WebView01);
//设置支持JavaScript
mWebView.getSetting().setJavaScriptEnabled(true);
//把本类的一个实例添加到JavaScript的全局对象window中
mWebView.addJavascriptInterface(this,"PersonalData");
//加载页面
mWebView.loadUrl("file:///android_assest/PersionalData.html");
}
 
//在JavaScript中调用得到PersonalData对象
public PersonalData getPersonalData(){
reuturn mPersonalData;
}
 
//JavaScript中调用得到PersonalData对象
public PersonalData getPersonalData(){
return mPersonalData;
}
 
//Javascript中调用显示的资料
class PersonalData{
String mID;
String mName;
String mAge;
String mBlog;
 
public PersonalData(){
this.mID="12345567";
this.mName="Android";
this.mAge="100";
this.mBlog="http://eminem.csg.com"
}
 
public String getID(){
return mID;
}
 
public String getName(){
return mName;
}
 
public String getAge(){
return mAge;
}
 
public String getBlog(){
return mBlog;
}
}
}


 

assets\test.js          javascript访问android应用代码

window.onload = function(){
//取得java对象
var personaldata = window.PersonalData.getPersonalData();
if(personaldata){
var Personaldata = document.getElementById_x("Personldata");
pnode = document.createElement_x("p");
//通过java对象访问数据
tnode = document.createTextNode("ID:"+personaldata.getId());
pnode.appendChild(tnode);
Personaldata.appendChild(pnode);
pnode = document.createElement_x("p");
tnode = document.createTextNode("Name:"+personaldata.getName());
pnode.appendChild(tnode);
Personaldata.appendChild(pnode);
pnode = document.createElement_x("p");
tnode = document.createTextNode("Age:"+personaldata.getAge());
pnode.appendChild(tnode);
Personaldata.appendChild(pnode);
pnode = document.createElement_x("p");
tnode = document.createTextNode("Blog:"+personaldata.getBlog());
pnode.appendChild(tnode);
Personaldata.appendChild(pnode);
pnode = document.createElement_x("p");
}
}


【注】在Android中调用javascript方法：WebView.loadUrl("javascript:方法名()");


arjinmc
关注
专栏目录
探索WebKit的奥秘：打造高效、兼容的现代网页应用
weixin_44976692的博客
06-24 5万+
WebKit是一个开源的网页浏览器引擎，最初由苹果公司开发，现已广泛应用于多种平台。它负责将HTML、CSS和JavaScript代码转换为用户可以交互的网页内容。
探索WebKit内核（一）------ 菜鸟起步
dawuafang
03-28 559
为什么搞WebKit 现在研究WebKit的人越来越多，俺不能免俗，也加入其中。WebKit的火爆也是得益于浏览器和WebOS的混战，随着Palm WebOS, Chrome OS, Firefox OS和Ubuntu Mobile相继发布，WebOS逐渐成为Android和IOS之外的第三世界，而WebKit也随之从浏览器内核晋升为Mobile OS的内核，除了IE和Firefox之外，市面上叫...
WebKit简介及工作流程
cybtec的博客
06-28 1915
WebKit是一个开源的浏览器引擎，最初由苹果公司开发，用于其Safari浏览器。随着时间的推移，WebKit也被广泛应用于其他多个平台和应用中，包括Google Chrome（桌面版）、Chromium（一个开源项目，用于构建Chrome等浏览器）、Android浏览器以及多种移动设备和嵌入式系统中的浏览器。WebKit以其高性能、低内存占用和高度可移植性而闻名。它支持HTML5、CSS3和其他现代Web技术，使得开发者能够创建更加丰富和互动的网络应用。
WebKit：你真的了解WebKit吗？
最新发布
Liu_y_xin的博客
08-02 1268
WebKit是一个开源的浏览器引擎，负责解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。主要组件：WebKit主要包括WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分。开源特性：WebKit是开放源代码的项目，遵循相应的开源许可证（如BSD许可证），允许开发者自由查看、使用、修改和分发其源代码，促进了技术共享和社区协作。
深入了解WebKit：简介及工作流程详解
洛秋的博客
07-11 1454
WebKit是一种开源的浏览器引擎，为许多流行的浏览器提供了核心功能。它最初由Apple创建，并被广泛应用于Safari浏览器。如今，WebKit已成为一个多平台、多功能的浏览器引擎，在Web开发和浏览器技术中占有重要地位。本文将详细介绍WebKit的历史、架构、工作流程，以及如何使用WebKit进行测试和接口验证。WebKit是一个开源的浏览器引擎，负责解析和渲染HTML、CSS、JavaScript等Web内容。
WebKit结构简介
qq_44103359的博客
04-12 756
本文详细介绍了WebKit的结构和组成，包括WebCore、JavaScriptCore、WebGraphicsCore等关键组件。通过具体例子，文章展示了WebKit在Safari、Chrome、Opera等浏览器中的应用。文章还强调了WebKit在跨平台桌面应用程序开发中的重要性，以及其在Android WebView等嵌入式Web浏览器中的作用。通过阅读本文，读者将能够全面了解WebKit的结构和功能，以及它在现代Web技术发展中的关键地位。随着Web技术的不断进步，WebKit将继续为用户提供高效、
webKit介绍
yzy9508的博客
09-06 1880
WebKit介绍
WebKit探究：从内部结构到应用程序开发
专注于全栈开发领域
04-02 1081
本文探讨了WebKit的结构与应用，包括核心模块WebCore和JavaScriptCore，以及Ports和Bindings等。WebKit在浏览器中负责解析Web文档并生成模型，支持上层组件绘制页面。应用程序通过WebKit模块而非直接与核心模块交互，实现浏览器等功能。WebKit的抽象模块和丰富接口简化了开发过程。
WebKit简介
Rcain_R的博客
04-03 1089
WebKit简介
WebKit
飞鸿的博客
06-16 1万+
https://blog.csdn.net/horkychen/article/details/8629976
用mingw编译好的qtwebkit组件
11-17
QtWebKit则是一个用于Qt框架的开源Web内容渲染引擎，它基于WebKit，广泛应用于桌面和移动设备上的Qt应用，用于显示网页和处理网络内容。 本文将详细讲解如何使用MingW编译和集成QtWebKit组件，以便在Windows环境下...
WebKitSample.zip_vb6_webkit
07-15
标题 "WebKitSample.zip_vb6_webkit" 指示这是一个使用Visual Basic 6（VB6）集成开发环境构建的项目，它集成了WebKit浏览器引擎。WebKit是一个开源的Web渲染引擎，广泛用于许多浏览器和嵌入式设备，以其快速、稳定...
Qt5WebKit.dll
08-03
标题中的"Qt5WebKit.dll"是一个动态链接库（Dynamic Link Library）文件，它是Qt框架的一部分，特别是用于Web浏览器渲染的QtWebKit模块。Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备的GUI...
windows上webkit的编译过程.pdf
10-02
Windows 上 WebKit 的编译过程 在本篇文章中，我们将详细介绍 Windows 上 WebKit 的编译过程。整个过程可以分为 several 部分，包括安装开发环境、下载 WebKit 源代码、编译 WebKit 等。 一、安装开发环境 在开始...
qt-webkit-kiosk：这是在Qt和QtWebkit上编写的简单浏览器应用程序
02-05
**Qt与QtWebKit Kiosk应用详解** `qt-webkit-kiosk`是一个基于Qt框架和QtWebKit模块构建的简单全屏浏览器应用，适用于如信息展示、自助服务终端等场景。这个项目的目标是创建一个轻量级且功能齐全的浏览器，用户...
Autofill Framework(自动填写)用法详解
热门推荐
the Coder And Writer
06-16 1万+
本文是基于[官方demo](https://github.com/googlesamples/android-AutofillFramework)来分析Autofill Framework的用法（要正常打开这个项目请使用Android Studio Preview 3.0以上版本，并下载Anroid O模拟器镜像）。Autofill Framework最低支持SDK API 26(Android O)+。
Java/Android倒计时（开始，暂停，恢复，停止）
the Coder And Writer
08-19 1万+
由于要做暂停和恢复，这里我就没有使用Android的CountDownTimer,而是用了Java的Timer。所以，这个方法在java肯定是通用。我也外加了Android独有的Service，有些计时器需要在Activiy关闭的情况下依然在计时，回到Activity时，显示当前的计时状态。 Timer 这个Java的类，具体看Java的API说明，但是要注意一点： Timer 在cancel
Android中集成QQ登陆和QQ空间分享
the Coder And Writer
08-08 7563
本文基于QQ open sdk V2.4.1。 QQ登录应用有一个地方是需要注意的， QQ申请同一品牌应用（包括网站和app），需要相互依赖申请，因为在QQ互联中，一个应用对应一个app key，如果网站和app的app key是不同的，这样相同用户使用QQ登录时候所产生的openid就会不同了，此时无法判断是否为同一个用户。在QQ互联中，一个用户的openid是对应一个应用，也就是说，
指纹校验工具库
the Coder And Writer
10-10 7161
Android 6.0以上设备开始支持指纹校验，但也有一些老人机没有指纹传感器。所以做个工具库方便适用，有些手机系统还是使用了低版本但指纹校验api，这里做了一些兼容处理。目前已兼容到Android 11. 简单介绍一下用法： 所有动作基本通过FingerprintUtil 来完成。 1.检查设备是否支持指纹校验 FingerprintUtil.isSupport(context); 2.检查设备是否已经设定了指纹信息。但是有些手机对应的系统版本调用的并不是Android官方规定的api版本，可
深入解析Android Webkit内核
"Android Webkit是Android系统中的网页渲染引擎，主要负责处理网页的显示和交互。它是基于开源的Web浏览器引擎Webkit，被广泛应用于多个知名浏览器和操作系统中，如Safari、Chrome、Android默认浏览器等。Webkit以其...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值