webkit
alex8046
十年磨一贱。
展开
-
webkit webApp 开发技术要点总结
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移转载 2015-03-16 11:40:44 · 500 阅读 · 0 评论 -
WebKit渲染基础之Render树的建立
WebKit是一个渲染引擎,而不是一个浏览器,它专注于网页内容展示,其中渲染是其中核心的部分之一。这里着重于对渲染部分的基础进行一定程度的了解和认识,主要理解基于DOM树来介绍Render树和RenderLayer树的构建由来和方式。那么什么是DOM?简单来说,DOM是对HTML或者XML等文档的一种结构化表示方法,通过这种方式,用户可以通过提供标准的接口来访问HTML页面中的任何元素的相转载 2015-03-16 19:52:41 · 1431 阅读 · 0 评论 -
WebView 良药 android
标签类固定页面宽度[html] view plaincopymeta name="viewport" content="width=320,user-scalable=0" /> meta name="viewport" content="width=device-width, initial-scale=1.0"/>转载 2015-03-16 19:54:50 · 656 阅读 · 0 评论 -
webkit渲染过程
webkit一般性渲染过程 在浏览器中,有一个最重要的模块,它主要作用是将页面转变成可视化的图形结果,这就是浏览器内核。通常,它也被称为渲染引擎。所谓的渲染,就是根据描述或者定义构建数学模型,通过模型生成图像的过程。浏览器的渲染引擎就是能够将HTML/CSS/JavaScript文本及其相应的资源文件转换成图像结果的模块。 根据渲染引转载 2015-03-16 19:52:50 · 1339 阅读 · 0 评论 -
针对webkit的HTML, CSS和Javascript
总结一些更多的针对webkit的HTML, CSS和Javascript方面的特性.HTML, 从HTML文档的开始到结束排列: 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 禁用手机号码链接(for iPhone) 设置你网页的图标, 尺寸为57X57 px 全屏启动时候的启动画面图像,转载 2015-03-20 17:26:12 · 566 阅读 · 0 评论 -
CSS3 Transitions, Transforms 和 Animation 详解
目录怎么使用 transitions怎么使用 transforms怎么使用 animations图片切换hover 切换点击切换定时切换不只是渐隐了内容轮播transitions 轮播transitions + translations 轮播内容翻转手风琴参考怎么使用 transition如果你以前没有用过 transition, 简短介绍下先转载 2015-03-30 14:47:22 · 1576 阅读 · 0 评论