browser_webki_blink
bamboolsu
技术总监,产品经理,开发经理,项目经理,PMP, Scrum master, CM
丰富的java,HTML5,python, C/C++开发开发经验,
motorola, google, 第九城市等公司工作经验
跨境电商相关(进出口商城,erp等)产品规划,研发
丰富的产品管理,项目管理,需求管理,技术开发管理敬仰
linux,windows, wxworks等多平台开发
展开
-
node-webkit is renamed NW.js
Official site: http://nwjs.ioOfficial documentation: http://docs.nwjs.io/AnnouncementIntroductionNW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and转载 2016-02-01 23:42:17 · 1123 阅读 · 0 评论 -
浏览器: webkit架构 目录结构
一, webkit架构 webkit的一个显著特点, 支持不同的浏览器, 一部分相同, 一部分不同, 不同的部分称为webkit的移植(ports)。 webkit 嵌入式接口: 是提供给浏览器调用的! webkit 测试用例: 包括布局测试用例 layout tests 和 性能测试用例 performance tests;原创 2015-04-14 22:27:55 · 1683 阅读 · 1 评论 -
IETF HTTP2草案(draft-ietf-httpbis-http2-13)
IETF HTTP2草案(draft-ietf-httpbis-http2-13) 摘要本规范描述了一种优化的超文本传输协议(HTTP)。HTTP/2通过引进报头字段压缩以及多路复用来更有效利用网络资源、减少感知延迟。另外还介绍了服务器推送规范。本文档保持对HTTP/1.1的后向兼容,HTTP的现有的语义保持不变。 1 介绍The Hypertext Transfe转载 2015-04-08 09:28:17 · 833 阅读 · 0 评论 -
浏览器: HTML5网页 ( 渲染过程 概要介绍)
HTML 网页 是利用 HTML语言 编写的文档,这是一种半结构化的 数据表现形式。结构特性: 树状结构; 层次结构; 框结构;一, 网页 构成:基本元素和树状结构: 现在的语言是动态的语言, 需要CSS 样式语言 与 javascript语言; CSS 是一种样式表语言, 用来描述元素的现实信息。 Javascript原创 2015-04-11 23:48:25 · 2305 阅读 · 0 评论 -
http2-基本概念
HTTP 2.0 中文版原创 2015-04-07 20:12:27 · 520 阅读 · 0 评论 -
HTML5-桌面式web应用-地理定位, webworker, 会话历史
地理定位: web worker: 后台程序会话历史:原创 2015-04-06 18:33:21 · 795 阅读 · 0 评论 -
浏览器 内核与基本特性
一, 浏览器内核 1, 内核: 将页面转变成可视化的图像结果, 通常他被称为渲染引擎。 渲染; 就是根据描述或者定义构建数学模型, 通过模型生成图像的过程。 HTML/CSS/JavaScript ==》》 浏览器渲染引擎 ==》》图像 2, 主流的渲染引擎: Trident (IE), Gecko (firefox), WebKit (原创 2015-04-10 23:20:28 · 1495 阅读 · 0 评论 -
HTML5-桌面式web应用-数据存储
数据保存: 1,服务器: 安全, 可靠, 高效 2, 客户端: 不太重要的信息; 用户偏好和应用状态放在用户本地比较合乎逻辑; cookie, local storage 本体存储功能(HTML5支持), web存储简介: 本地存储: 对应localStorage对象, 用于长期保存整个网站的数据原创 2015-04-06 00:16:59 · 821 阅读 · 0 评论 -
HTML5-桌面式web应用-与web服务器通信( XHR, 服务器发送事件, Web Socket:)
XHR: XMLHttpRequest服务器发送的实现: server-sent event, 让服务器能够定时给网页发送消息;web socket框架: 让浏览器与服务器能够随心所欲地双向通信。向服务器发送消息: XHR, Ajax 技术, 是一对一的; 不属于HTML5的 最新 部分 XMLHttpRequest对象:原创 2015-04-06 11:44:27 · 1414 阅读 · 0 评论 -
HTML5-桌面式web应用-离线应用
通过描述文件 缓存资源: 创建描述文件: manifest file 是一种特殊文件, 告诉浏览器保存什么文件, 不保存什么文件, 以及用什么文件代替其他文件; 修改网页, 应用描述文件; 浏览器在请求页面时 就会下载描述文件; 配置web服务器: 更新描述文件:原创 2015-04-06 11:25:56 · 503 阅读 · 0 评论 -
浏览器基本概念
一, 浏览器大战:80年代后期90年代初期, Berners-Lee 发明了第一个浏览器WorldWideWeb(后改为Nexus), 并1991年公布了源代码, 支持HTML标记语言;1993年Mosaic 浏览器诞生, Marc Andreessen 领导的团队开发出来的, 就是后来的 网景NetScape 浏览器; 只支持静态的HTML, 没有javascript , 没有原创 2015-04-10 21:22:39 · 2190 阅读 · 0 评论 -
浏览器: webkit2 架构与模块
一, webkit2 定位与 思想与 chromium类似, 也就是将渲染过程 放到单独的 进程中来完成, 独立于用户界面。二, chromium content 接口原创 2015-04-15 00:29:29 · 957 阅读 · 0 评论 -
chromium 开发 on ubuntu14.10 (x64)
1, get the source code: 1.1 GET DEPOT TOOLS (http://commondatastorage.googleapis.com/chrome-infra-docs/flat/depot_tools/docs/html/depot_tools_tutorial.html#_setting_up) Clone the depot原创 2015-04-17 15:51:19 · 1060 阅读 · 0 评论 -
heX:用HTML5和Node.JS开发桌面应用
64条回复简介:heX,一个允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案。是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效。特别适合重UI,重交互的桌面应用软件。欢迎关注http://hex.youdao.com 或微博 @youdao_hex。一、项目背景近几年,移动应转载 2016-02-01 23:38:17 · 799 阅读 · 0 评论 -
cef 介绍
PC(Liinux,Windows,MacOS)上把 chrominum 浏览器嵌入桌面应用程序的框架; 其实移动端,ios/android上面 也可以做类似的事情,比如原生ios嵌入crosswalk/opwenwebrtc等,从而用Html5实现用户 界面, 实现多屏互动。介绍cef 是一个基于google chromiun的简单的框架。转载 2016-02-01 21:14:33 · 1673 阅读 · 0 评论 -
safari 10 开始支持 webRTC
2015年 9月 份, safari 10 终于开始支持 WebRTC 了, 值得庆祝啊, H5 的一个重要功能终于获得了 Apple 的支持, 尽管迟了点, 还是值得欢呼的!http://webrtcbydralex.com/index.php/2015/08/29/webrtc-in-safari/2015/08/29This morning原创 2015-09-22 09:12:55 · 3371 阅读 · 1 评论 -
使用EventSource实现页面消息推送 与 websocket 的区别
什么是EventSource确切的说应该问什么是Server-Sent Events(简称SSE)?Wikipedia的介绍是这样的:Server-sent events (SSE) is a technology where a browser receives automatic updates from a server via HTTP connection. The Se原创 2015-09-22 13:58:01 · 23973 阅读 · 1 评论 -
webRTC resource
WebRTC Android IOS WebRTC 音视频开发总结http://www.cnblogs.com/lingyunhu/category/626157.htmlcrossWalkhttps://crosswalk-project.org/documentation/android/windows_host_setup.html原创 2015-09-09 18:17:14 · 585 阅读 · 0 评论 -
TCP/IP, WebSocket 和 MQTT
按照OSI网络分层模型,IP是网络层协议,TCP是传输层协议,而HTTP和MQTT是应用层的协议。在这三者之间, TCP是HTTP和MQTT底层的协议。大家对HTTP很熟悉,这里简要介绍下MQTT。MQTT(Message Queuing Telemetry Transport,消息队列遥测传输)是IBM开发的一个即时通讯协议,有可能成为物联网的重要组成部分。该协议支持所有平台,几乎可以把所有联网原创 2015-09-11 14:24:28 · 960 阅读 · 0 评论 -
Web Real-Time Communication(WebRTC)技术概述
1. 前言 WebRTC(Web Real-Time Communication——网页实时通信)是一个基于浏览器的实时多媒体通信技术。该项技术旨在使Web浏览器具备实时通信能力;同时,通过将这些能力封装并以JavaScript API的方式开放给Web应用开发人员,使得Web应用开发人员能够通过HTML标签和JavaScript API快速地开发出基于Web浏览器的实时音视频应用,而无转载 2015-09-11 16:37:19 · 2058 阅读 · 0 评论 -
为什么放弃WebView 而 使用 crosswalk!
为什么放弃WebViewAndroid WebView做普通浏览还好,做富文本编辑器(执行js:document.body.contentEditable=true;),常常会遇到各种奇葩的bug,而且很难修复。尽管Google在版本迭代中不断修复bug,但依旧没法用它来做富文本编辑。Kitkat的改变Google为了加强WebView的功能,在Kitkat引入了Chromium内转载 2015-09-25 14:00:38 · 7544 阅读 · 7 评论 -
一篇文章读懂开源web引擎Crosswalk
Web技术的优势早已被广大应用开发者熟知,比如可与云服务轻松集成,基于响应式UI设计的精美布局,高度的开放性,跨平台能力, 高效的分发与部署等等。伴随着移动互联网的快速发展与HTML5技术的逐步成熟,Web应用已经成为移动端跨平台应用开发的热门解决方案。然而要在移动端充分利用Web技术的优势,仍然有许多障碍。 Crosswalk作为一款开源的web引擎,正是为了跨越这些障碍而生。转载 2015-09-09 18:09:16 · 494 阅读 · 0 评论 -
safiri webkit 开发 on linux (ubuntu or fedora)
1, 下载源代码:webkit537.75 : http://nightly.webkit.org/builds/trunk/src/13 http://nightly.webkit.org/builds/trunk/src/1比如下载webkit537.75 r16633029.7 MB2014-03-27 04:18:26 GMT原创 2015-04-08 14:35:08 · 1466 阅读 · 0 评论 -
MSE 认证
MSE 标准: Media Source Extensionshttps://rawgit.com/w3c/media-source/fa8c6f5/media-source.html#track-buffer WebKit536 : Media Source Extensions v0.5 specification https://dvcs.w3.or原创 2015-03-04 10:41:21 · 904 阅读 · 0 评论 -
windows下面编译blink/blink/ chromium 浏览器
reference:http://dev.chromium.org/developers/how-tos/get-the-code1, 下载 depot_toolsWINDOWSDownload the depot_tools bundle and extract it somewhere.WarningDO原创 2015-03-23 09:02:17 · 4561 阅读 · 1 评论 -
HTML5 浏览器支持情况 HTML5 秘籍
查询html5支持情况的网站:http://caniuse.com浏览器支持 HTML5的测试网站:http://html5test.comHTML5 秘籍代码:http://www.oreilly.com/pub/missingmanuals/html5tmmHttp://missingmanuals.com/cds/html5mm原创 2015-03-10 12:22:47 · 681 阅读 · 0 评论 -
WebKit历史项管理的实现
历史项管理根据标准定义,由Page管理一个Joint Session History, 包含了各个子Frame的历史项。逻辑上对应如下的关系:从上面看三个层次:Page,Frame,以及JS Binding的接口。页面加载的核心是由Frame通过FrameLoader来完成的,HistoryController及BackForwardController可以视为页面加载进行历史项操作的接口转载 2015-02-06 14:19:15 · 420 阅读 · 0 评论 -
[WebKit]WebKit2 API解析
这里是对上一篇>的进一步展开。先从API层开始。API概览主要类图WebKit提供了灵活的回调机制用来支持客户端与内核的交互,在API中有一些Set Client类的函数,Client一般就是用于注册针对某一功能的回调函数。如向WKContext注册history item处理的回调函数,就会使用下面这个结构(WKContext.h):struct WKCont转载 2015-02-06 14:57:06 · 445 阅读 · 0 评论 -
Webkit中HTML5 Video的实现分析
基本结构及HTMLMediaElement & MediaPlayer 以下为针对Webkit中HTML5 Video实现原理的分析和学习总结。至于其中的UML图档,可以到下面的github链接中下载。首先预览一下Webkit中和Video相关的主要的类的层次结构:其中主要的类为HTMLMediaElement, MediaPlayer以及RenderVideo转载 2015-02-06 10:57:24 · 3058 阅读 · 0 评论 -
[WebKit] JavaScriptCore解析--基础篇
(一)JSC与WebCore先看一下官方的基本介绍,短短几句就塞满了关键字。SquirrelFish,正式名称是JavaScriptCore,包括register-based(基于寄存器的虚拟机), direct-threaded, high-level bytecode engine(字节码引擎).它使用基于内置copy propagation(复制性传播算法)的一次性编转载 2015-02-06 13:22:36 · 766 阅读 · 0 评论 -
fedora and ubuntu compile webkit
code: http://trac.webkit.org/wiki/UsingGitWithWebKit代码浏览: http://trac.webkit.org/browser compile process(for GTK): http://trac.webkit.org/wiki/BuildingGtk 一: fedora 编译原创 2015-01-23 21:15:59 · 1228 阅读 · 0 评论 -
WebKit加载流程 - 概述
之前写了几篇加载流程的说明,是从下向上看,有点只见树木不见森林的感觉。经过最近一段时间的学习,有了能加以概括抽象的方法。WebKit加载流程和页面组成是直接相关的,页面就是WebKit要加载的对象。所以WebKit负责加载的类也与负责页面管理的类相对应。Apple关于WebView的说明里清楚表现了页面视图上的MVC结构:一个页面从元素上也有其层次结构,并且和加载类对应,如下:转载 2015-02-06 12:26:20 · 459 阅读 · 0 评论 -
webkit browser 相关开发 经典博客与网站
http://blog.csdn.net/horkychen/article/category/1145418http://blog.csdn.net/column/details/webkit-in-deep.html原创 2015-02-06 12:21:23 · 749 阅读 · 0 评论 -
[WebKit] WebCore之页面加载的设计与实现
这里主要分析WebContentProcess中加载页面的过程,主要针对HTTP请求的处理。主要结构WebKit2从接受到loadURL开始,就会准备尝试加载网络数据。不同平台用于处理HTTP请求的网络模块不同,可以简单得描述为下面这个块图: *Mac OS平台上现在默认使用的是NSURLConnection. *NSURLConnection的使用方式可以参考这里转载 2015-02-06 12:41:52 · 1051 阅读 · 0 评论 -
开发者应当了解的WebKit知识
对一些开发者而言,WebKit就是一个黑盒子。丢进去HTML、CSS、JS等一连串的东西,而WebKit就能变魔术一般显示出一个很棒的网页出来。实际上,正我的同事IlyaGroriks提到的: WebKit不但是白盒,而且是一个开放的白盒。让我们花点时间来理解以下这些问题:什么是WebKit? 什么不是WebKit? 浏览器是如何使用WebKit的? 为什么WebKit分转载 2015-02-06 12:51:13 · 418 阅读 · 0 评论 -
[WebKit]WebKit2多进程机制的解析
在WebKit模块化分析>>中说到WebKit2中的多进程模型。多进程模型已经是浏览器的基本架构要素,下面展开分析一下WebKit2中的多进程模型。协作决定接口,确立责任分工后,对于模块或系统间最重要的事莫过于接口定义,而且是有着简洁明确的定义。对于WebKit2中三个进程中的交互也是相当频繁和多样,如果使用传统的查表法对应解析执行,就会面临巨大的维护成本。WebKit2使用了En转载 2015-02-06 14:56:01 · 427 阅读 · 0 评论 -
为什么V8引擎这么快?
Google的Chrome中的V8 JavaScript引擎,由于性能良好吸引了相当的注目。它是Google特别为了Chrome可以高速运行网页应用(WebApp)而开发的。Chrome利用Apple领导的WebKit研发计划作为渲染引擎(Rendering engine)。 WebKit也被用在Safari浏览器中。WebKit的标准配备有称为JavaScriptCore的JavaScrip转载 2015-02-06 14:54:44 · 383 阅读 · 0 评论 -
WebKit的历史项管理
标准定义关于历史的管理,和HTML页面加载一样,都有其相应的标准。地址如下:WhatWG: https://html.spec.whatwg.org/multipage/browsers.html#history其中关于历史项的要点如下:1. 在onload之前,非用户操作引起的导航操作不建立历史项。非用户操作比如页面中指定的Timer修改location或ifra转载 2015-02-06 14:21:58 · 437 阅读 · 0 评论 -
WebKit模块化分析
模块化 软件的首要技术使命是管理复杂度(Complexity)。这是>中的一个标题。软件本质性困难的根源都在于复杂性。Dijkstra指出没有谁的大脑能容得下一计算机程序。正如社会进步催生社会分工一样,软件行业也自然而然地发展出来了模块化方法,将整个系统分解为多个子系统来降低问题的复杂度,分而治之。它有两个主要的目的: 1. 分工 (角色与责任) 2. 信息隐藏 (转载 2015-02-06 14:26:05 · 448 阅读 · 0 评论 -
XHR XMLHttpRequest() progress
progresshttp://www.w3.org/TR/progress-events/http://www.w3.org/TR/XMLHttpRequest/https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequestf原创 2015-03-09 16:53:22 · 4855 阅读 · 0 评论