webkit

以下是为您整理出来关于【webkit】合集内容,如果觉得还不错,请帮忙转发推荐。

【webkit】技术教程文章

CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)【代码】【图】

CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)来源:互联网 作者:佚名 时间:03-28 14:17:14 【大中小】border-radius:用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。-webkit-border-radius:苹果;谷歌,等一些浏览器认,因为他们都用的是webkit内核; -moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候...

Android WebKit消息处理

Android WebKit消息处理前言在Android API中,用WebView的形式向开发者提供WebKit的接口以及特性。WebView其实是对WebKit的封装以及扩展,在android4.4里面,已经WebKit已经换成Chromium(在后续博客中会对android4.4 的WebView/Chromium进行详细讲解)。WebKit消息处理框架的搭建整个WebKit主要分为2个线程,一个是Ui线程,也就是应用程序使用WebView所在的主线程,另一个WebCore线程。WebView的消息处理,主要是Ui线程和WebCore线程...

CSS3.0盒子模型:display:-webkit-box【代码】

1<!DOCTYPE html> 2<html> 3<head> 4<title>css3盒子模型</title> 5<style> 6 .box3{ 7 width: 300px; 8 height: 100px; 9/*设置css3盒子模型的父类*/10 display: -webkit-box;11 display: -moz-box;12 display: box;1314 background-color: #1d89cf;15}16 .box3>section{17/*设置css3盒子模型的子类,将他们平分*/18 -webkit-box-flex: 1;19 -moz-box-flex: 1;20 box-flex: 1;2122 border: 1px s...

Chromium/WebKit的缓存机制

[本文属于原创,如有转载,请注明出处http://blog.csdn.net/yl02520/article/details/22300467]现在假设用户用Chrome浏览器打开www.sohu.com主页,点击主页上的NBA导航链接,就跳转到sohu主页的NBA子页面中,在浏览完NBA子页面后,用户又想回到主页面,这次点击浏览器窗口上的后退按钮,即可回到主页面,这一切似乎很平常,只是让我们意想不到的是,这次sohu主页面的渲染几乎是瞬间完成的,比第一次打开sohu主页时的时间要缩短了几...

JavaScript事件在WebKit中的处理流程研究【图】

本文主要探讨了JavaScript事件在WebKit中的注册和触发机制。 JS事件有两种注册方式: 通过DOM节点的属性添加或者通过node.addEventListener()函数注册; 通过DOM节点的属性添加如下所示,节点的属性采用on后面紧接event name的形式,比如onclick, onload; <html> <head> <script type="text/javascript">function listener(e){alert("hello world!");} </script> </head> <body> <button onclick="listener(event)">click</...

理解WebKit和Chromium: Android 4.4 上的Chromium WebView【图】

转载请注明原文地址:http://blog.csdn.net/milado_nju## 概述相信读者已经注意到了,在最新的Android 4.4 Kitkat版本中,原本基于Android WebKit的WebView实现被换成基于Chromium的WebView实现。在前面的章节中,笔者也介绍过基于Chromium的WebView实现即将成为Android系统上的缺省实现方式,笔者也一直期待这一重大转变,现在它真的发生了。而之前基于WebView接口的应用程序甚至可以直接工作在该实现上而不需要任何特别的改变。举...

[WebKit内核] JavaScriptCore深度解析--基础篇(一)字节码生成及语法树的构建【图】

看到HorkeyChen写的文章《[WebKit] JavaScriptCore解析--基础篇(三)从脚本代码到JIT编译的代码实现》,写的很好,深受启发。想补充一些Horkey没有写到的细节比如字节码是如何生成的等等,为此成文。 JSC对JavaScript的处理,其实与Webkit对CSS的处理许多地方是类似的,它这么几个部分:(1)词法分析->出来词语(Token);(2)语法分析->出来抽象语法树(AST:Abstract Syntax Tree);(3)遍历抽象语法树->生成字节码(Bytec...

Android浏览器(一):Webkit项目与Chromuim项目【图】

转载请注明原文地址:http://blog.csdn.net/u012637501/article/details/46878253 目前,移动设备浏览器上常用的内核有Webkit,Blink,Trident,Gecko等,其中iPhone和iPad等苹果iOS平台主要是WebKit,Android 4.4之前的Android系统浏览器内核是WebKit,Android4.4系统浏览器切换到了Chromium(内核是Webkit的分支Blink),WindowsPhone 8系统浏览器内核是Trident。1.WebKit项目(1)项目简介 WebKit项目是苹果公司在2005年发起...

PhantomJS:基于WebKit、开源的服务器端JavaScript API

PhantomJS是一个基于WebKit的服务器端JavaScript API,它基于 BSD开源协议发布。PhantomJS无需浏览器的支持即可实现对Web的支持,且原生支持各种Web标准,如DOM 处理、JavaScript、CSS选择器、JSON、Canvas和可缩放矢量图形SVG。PhantomJS主要是通过JavaScript和CoffeeScript控制WebKit的CSS选择器、可缩放矢量图形SVG和HTTP网络等各个模块。PhantomJS主要支持Windows、Mac OS、Linux三个平台,并且提供了对应的二进制安装包,读者...

webpack 打包编译-webkit-box-orient: vertical 后消失【代码】

/* autoprefixer: off */-webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776/* autoprefixer: on */打包时必须使用这种方法打包,否则打包后 -webkit-box-orient: vertical 便会消失原文:https://www.cnblogs.com/richard1015/p/8526988.html

WEBKIT - 相关标签