浏览器内核Webkit 第6页

《WebKit 技术内幕》学习之十五（6）：Web前端的未来

6ChromiumOS和Chrome的Web应用6.1基本原理HTML5技术已经不仅仅用来编写网页了，也可以用来实现Web应用。传统的操作系统支持本地应用，那么是否可以有专门的操作系统来支持Web应用呢？当然，现在已经有众多基于Web的操作系统，但它们只支持基于HTML5的Web应用，而不支持本地应用，这的确是一项技术革命。ChromiumOS就是支持Web应用的一个Web操作系统。Chromiu

jyl_sh·2024-01-26 14:01

《WebKit 技术内幕》学习之十五（4）：Web前端的未来

4Cordova项目Cordova是一个开源项目，能够提供将Web网页打包成本地应用格式的可运行文件。读者可能对Cordova项目陌生，但是大家可能对它的前身非常熟悉，那就是PhoneGap项目，它后来被Adobe公司收购。图15-4描述了Cordova的主要工作思想，对于一个Web应用，结合Cordova提供的本地代码和框架，使用Cordova的打包工具将它们一起打包成一个个同系统相关的本地可执

jyl_sh·2024-01-26 14:00

《WebKit 技术内幕》学习之十五（5）：Web前端的未来

5Crosswalk项目Crosswalk项目是由英特尔公司发起的一个开源项目，该项目基于WebKit（Blink）和Chromium等开源项目打造，其目的是提供一个跨不同操作系统的Web运行环境，包括

jyl_sh·2024-01-26 14:00

《WebKit 技术内幕》学习之十三（1）：移动WebKit

1触控和手势事件1.1HTML5规范随着电容屏幕的流行，触控操作变得前所未有的流行起来。时至今日，带有多点触控功能已经成为了移动设备的标准配置，基于触控的手势识别技术也获得巨大的发展，如使用两个手指来缩放应用的大小等。所以，在移动系统中，编程需要考虑的不是鼠标事件，而是触控和手势事件，这些事件对于改善用户体验起了非常大的作用。最早将触控和手势事件引入Web领域的是苹果公司，它在iOS2.0中加入了

jyl_sh·2024-01-26 14:55

html+css的文字渐变动画特效

话不多说，我就直接放效果图和代码吧图片发自App图片发自App图片发自App图片发自Appcolor:transparent;让文字为透明色，就是让后面背景色显示出来-webkit-background-clip

梦醒时分心会凉_·2024-01-26 10:56

ubuntu安装酷狗音乐

先安装预装软件：命令sudoapt-getinstallPython-gtk2python-webkit再下载软件包deb，地址：http://forum.ubuntu.org.cn/viewtopic.php

xf807989·2024-01-26 08:06

css3 -- 边框

菜鸟教程(runoob.com)div{border:15pxsolidtransparent;width:250px;padding:10px20px;}#round{-webkit-border-image

Jycoding·2024-01-26 04:10

12.2蓝桥杯笔记

web模拟赛2一、“===”二、行元素变为块级元素三、white-space属性四、display:-webkit-box布局一、“===”表示恒等，即绝对等于（值和类型均相等）。

久靥_·2024-01-26 04:16

如何去除webkit浏览器默认填充表单的样式

在开发后台管理系统网站时，在webkit内核和谷歌浏览器里访问网页中的表单时，记住密码的表单文本框背景色会自动填充为黄色，如下图。本文将介绍解决该问题的两种方式。

再见那卑微的再见·2024-01-26 01:32

《WebKit 技术内幕》学习之十四（2）：调式机制

2实践——基础和性能调试Chromium开发者工具基本上沿用了WebInspector的功能，所以这一节主要以该开发者工具作为介绍的对象，一起了解开发者工具提供的功能和一些基本的用法，有些用法其实在之前已经介绍过，这里可能为了系统性考虑会再次提及一下，但是不做太多的重复性介绍。主要包括两个部分，基础功能部分的调试和性能部分的调试。2.1基础调试基础部分的调试大致可以分成DOM元素的修改等访问、CS

jyl_sh·2024-01-26 01:01

《WebKit技术内幕》学习之十三（3）：移动WebKit

3其他机制3.1新渲染机制为了移动领域更好的用户体验，渲染机制所做的改进主要是提升渲染性能来增加响应的速度，甚至不惜牺牲一些跟规范定义的行为不一致的地方。在这一小节中主要介绍三个方面的技术，其一是TiledBackingStore，其二是线程化渲染，其三是快速移动翻页。目前主流的移动设备上，触控操作是必不可少的用户交互方式。同桌面系统不一样的是，网页的渲染结果需要对用户的响应度有很高的要求。不幸的

jyl_sh·2024-01-26 01:31

《WebKit技术内幕》学习之十三（2）：移动WebKit

2移动化用户界面HTML5为移动领域做了大量的工作，其中“meta”标签中的众多设置值能够帮助提供非常好的移动用户体验。一个典型的例子就是上面提到的用该标签来控制网页缩放，如示例代码13-2使用了一些JavaScript代码来完成，而实际上，“meta”标签能够非常简单地完成这一目的，方式如下所示。非常简单的一行代码，就能够将缩放功能取消而不需要相对复杂的JavaScript代码，遗憾的是，目前“

jyl_sh·2024-01-26 01:00

《WebKit 技术内幕》学习之十四（1）：调式机制

第14章调试机制支持调试HTML、CSS和JavaScript代码是浏览器或者渲染引擎需要提供的一项非常重要的功能，这里包括两种调试类型：其一是功能，其二是性能。功能调试能够帮助HTML开发者使用单步调试等技术来查找代码中的问题，性能调试能够采集JavaScript代码、网络等性能瓶颈。当然，这只是对于HTML开发者来说的。因为对于性能而言，问题可能存在于HTML代码，也可能是浏览器本身的问题。为

jyl_sh·2024-01-26 01:59

CSS3渐变色--文字渐变和背景渐变

文字渐变background-image:-webkit-linear-gradient(top,red,#fd8403,yellow);-webkit-background-clip:text;-webkit-text-fill-color

羽翼的翼·2024-01-25 23:33

使用WKWebview实现OC与JS的交互

WKWebView是苹果公司在iOS8系统推出的，这里我们主要概述WebKit中更新的WKWebView控件的新特性与使用方法。

见哥哥长高了·2024-01-25 23:16

css3实现立体灰色电子时钟代码

rgb(1,124,185);text-decoration:none;}body{font-size:16px;color:#5a5d63;background:#d6d7d9;background:-webkit-radial-gradient

锋享前端·2024-01-25 21:32

设置input placeholder属性的字体颜色样式等

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{/*WebKitbrowsers*/color:#ced0d6;

昵称啦啦啦·2024-01-25 20:15

前端语音识别（webkitSpeechRecognition）

前端语音识别（webkitSpeechRecognition）-CSDN博客Excerpt文章浏览阅读1.8k次，点赞4次，收藏4次。

南七小僧·2024-01-25 13:17

vue全局公共样式

/searchForm.scss';body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased

活宝小娜·2024-01-25 12:20

使用vue-print-nb打印el-table问题总结

解决单选框复选框打印时选中消失的问题@mediaprint{//解决单选框复选框打印时选中消失的问题::v-deep.el-radio__input,::v-deep.el-checkbox__input{-webkit-print-color-adjust

喜陈·2024-01-25 09:37

Ant Design 滚动条样式修改

//tablescrollbar.ant-table-body{&::-webkit-scrollbar{height:5px;}&::-webkit-scrollbar-thumb{border-radius

九层嵌套 for 循环·2024-01-25 00:57

el-table滚动条样式修改

比如，当我们修改了全局滚动条的样式，使其变得窄一点//滚动条样式::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background

逝流水1234·2024-01-25 00:55

CSS——滚动条样式修改

-webkit-scrollbar滚动条整体部分-webkit-scrollbar-button滚动条两端的按钮-webkit-scrollbar-track外层轨道-webkit-scrollbar-track-piece

一只漫步前行的羊·2024-01-25 00:25

antdv中table组件滚动条样式修改

滚动条的组成：::-webkit-scrollbar滚动条整体部分::-webkit-scrollbar-thumb滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track

qq_40055200·2024-01-25 00:25

滚动条样式修改

对于Chrome和Safari用户如果正在使用基于WebKit的浏览器，如Chrome或Safari，可以使用以下代码来自定义滚动条样式。

接着奏乐接着舞。·2024-01-25 00:24

输入框禁止复制粘贴

一、禁止复制如果是密码输入框，是自带禁止复制功能的如果是其他输入框，可以禁止文本被选中禁止文本被选中，可以使用css样式user-select:none;-webkit-user-select:none

爱吃猪蹄_·2024-01-24 23:12

深入理解 WKWebView（基础篇）-- 探究 WebKit 缓存

因为WKWebView的封闭性，我们无法针对原生WKWebView做较深度化的定制，但对于WebKit缓存源码的探究，将帮助我们更好的使用和理解缓存。本文将延续《iOS端webkit

大菠萝_DABLO·2024-01-24 21:10

css实现隐藏滚动条但是可以滚动

.hidden-scrollbar出现滚动条的列名.hidden-scrollbar::-webkit-scrollbar{display:none;/*ChromeSafari*/}.hidden-scrollbar

吃葡萄不吐葡萄皮嘻嘻·2024-01-24 16:52

CSS 图片遮罩学习小节

概念：-webkit-mask-image是一项用于制作镂空图形和图形遮罩效果的CSS样式属性。-webkit-mask-image的值既可以是渐变色也可以是图片地址。

我不是费圆·2024-01-24 16:51

CSS让图片置灰

背景图片置灰加上样式：background-blend-mode:hue;image图片置灰，给图片加样式.img{-webkit-filter:grayscale(100%);-moz-filter:

流丶年丶·2024-01-24 13:21

《WebKit 技术内幕》学习之十（4）：插件与JavaScript扩展

4Chromium扩展机制4.1原理Chromium的扩展（Extension）机制(1)原先是Chromium推出的一项技术，该机制能够扩展浏览器的能力，例如笔者使用的一个扩展实例名为“switchyproxy”，它可以帮助用户方便的切换Chromium浏览器代理，但是也仅此而已。本质上，它其实就是浏览器能力的简单扩展，而对于一些本地的功能，如书签、USB、蓝牙、电源管理等，该机制并没有这方面的

jyl_sh·2024-01-24 06:53

vue 怎样亲手撸一个loading全局组件

{data(){return{}},props:{showLoading:false,showToast:false}}.loading-box{background:#f5f5f5;flex:1;-webkit-flex

造轮子的蜗牛·2024-01-24 06:47

DOMPurify：一个只针对 DOM 的、超快的、宽容的 HTML XSS清理工具

DOMPurify是用JavaScript编写的，在所有现代浏览器(Safari(10)，Opera(15)，Edge,Firefox和Chrome-以及几乎所有使用Blink,Gecko或WebKit

独立开发者张张·2024-01-24 06:54

《WebKit 技术内幕》学习之九（3）： JavaScript引擎

3JavaScriptCore引擎3.1原理JavaScriptCore引擎是WebKit中的默认JavaScript引擎，也是苹果在开源WebKit项目之后，开源的另外一个重要的项目。

jyl_sh·2024-01-24 05:26

《WebKit 技术内幕》学习之七（2）：渲染基础

2网页层次和RenderLayer树2.1层次和RenderLayer对象前面章节介绍了网页的层次结构，也就是说网页是可以分层的，这有两点原因，一是为了方便网页开发者开发网页并设置网页的层次，二是为了WebKit

jyl_sh·2024-01-24 01:08

《WebKit 技术内幕》学习之十（2）：插件与JavaScript扩展

2ChromiumPPAPI插件2.1原理插件其实是一种统称，表示一些动态库，这些动态库根据定义的一些标准接口可以跟浏览器进行交互，至于这个标准接口是什么都可以，重要的是大家都遵循它们，NPAPI接口标准只是其中的一种，因为它被广泛使用，所以被提到的次数也最多。本节介绍的PPAPI也是一种浏览器和插件交互的接口标准，该标准是由Google提出，在Chromium项目中获得支持。PPAPI的提出是因

jyl_sh·2024-01-23 23:16

iPhoneX适配问

```html：你自己的页面内容```css```@mediaonlyscreenand(device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio

yyshang·2024-01-23 21:55

《WebKit 技术内幕》学习之十（1）：插件与JavaScript扩展

虽然目前的浏览器的功能很强，但仍然有其局限性。早期的浏览器能力十分有限，Web前端开发者希望能够通过一定的机制来扩展浏览器的能力。早期的方法就是插件机制，现在流行次啊用混合编程（HybirdProgramming）模式。插件一直伴随着浏览器的发展，最著名莫过于Adobe公司的Flash插件。对于插件的接口定义，差别也很大，比较著名的是微软公司的ActiveX插件机制和网景公司的NPAPI产检。随后

jyl_sh·2024-01-23 19:14

《WebKit 技术内幕》学习之十（3）：插件与JavaScript扩展

3JavaScript引擎的扩展机制3.1混合编程混合编程由来已久，因为浏览器能力的不足，特别是以前的浏览器甚至不支持内嵌视频和音频等技术，所以导致需要Flash等插件来扩展网页的能力。当然Flash插件是由第三方提供的，大家都可以使用。还有一种使用场景，那就是网页的开发者在使用HTML/JS/CSS开发网页的时候，发现能力不足，希望使用传统语言例如C/C++来开发一些库，这些库可以被网页调用，这

jyl_sh·2024-01-23 19:14

《WebKit 技术内幕》学习之十二（2）：安全机制

2沙箱模型2.1原理一般而言，对于网络上的网页中的JavaScript代码和插件是不受信的（除非是经过认证的网站），特别是一些故意设计侵入浏览器运行的主机代码更是非常危险，通过一些手段或者浏览器中的漏洞，这些代码可能获取了主机的管理权限，这对主机系统来说是非常危险的。所以，除了保证网页本身之外，还需要保证浏览器和浏览器所在的系统不存在危险。对于网络上的网页，浏览器认为它们是不安全的，因为网页总是存

jyl_sh·2024-01-23 17:51

《WebKit 技术内幕》学习之十一（4）：多媒体

4WebRTC4.1历史相信读者都有过使用TencentQQ或者FaceTime进行视频通话的经历，这样的应用场景相当典型和流行，但是基本上来说它们都是每个公司推出的私有产品，而且通信等协议也都是保密的，这使得一种产品的用户基本上不可能同其他产品的用户进行视频通信。还有一些更大的应用场景，那就是众多用户一起召开视频会议，这比简单的点对点更为复杂，很多公司已投身其中，因为这一市场非常广大。几年前，笔

jyl_sh·2024-01-23 17:50

《WebKit 技术内幕》学习之十二（1）：安全机制

第12章安全机制安全机制对于浏览器和渲染引擎来说至关重要。一个不考虑安全机制的HTML5规范体系肯定不会受到广泛地使用，同时一个不安全的浏览器也不会得到广大用户的青睐。本章介绍的安全机制分成两个不同的部分，第一个部分是网页的安全，包括但是不限于网页数据安全传输、跨域访问、用户数据安全等。第二个部分是浏览器的安全，具体是指虽然网页或者JavaScript代码有一些安全问题或者存在安全漏洞，浏览器也能

jyl_sh·2024-01-23 17:50

《WebKit 技术内幕》学习之九（2）： JavaScript引擎

2V8引擎2.1基础V8是一个开源项目，也是一个JavaScript引擎的实现。它最开始是由一些语言方面的专家设计出来的，后被Google收购，成为了JavaScript引擎和众多相关技术的引领者。其目的很简单，就是为了提高性能。因为在当时之前的JavaScriptCore引擎和其他的JavaScript引擎的性能都不能令人非常满意。为了提高JavaScript代码的执行效率从而获得更好的网页浏览

jyl_sh·2024-01-23 17:18

前端面试题-(浏览器内核，CSS选择器优先级，盒子模型，CSS硬件加速，CSS扩展）

常见的浏览器内核内核描述Trident(IE内核)主要用在window系统中的IE浏览器中，由微软研发并投入使用Gecko(Firefox内核)主要用于Firefox浏览器中，特点是代码完全公开，开发程度高

小全upup·2024-01-23 14:16

CSS 实现文字渐变色实现文字倾斜

background属性设置渐变色代码two{background-image:linear-gradient(#dbfaf2,#44c9be);color:transparent;-webkit-background-clip

大可-·2024-01-23 11:43

java上传下载插件_java大文件(百M以上)的上传下载插件

方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为multipart/form-data.3.表单必须有文件上传项:file，且文件项需要给定name值上传文件夹需要增加一个属性webkitdir

梁豆子·2024-01-23 05:22

2019-01-14 图片爬取

importrequestsimportosfromlxmlimportetreeclassspider(object):def__init__(self):self.headers={"user-agent":"Mozilla/5.0(WindowsNT6.1;WOW64)AppleWebKit

化石0305·2024-01-23 02:15

浏览器的内核以及区别？

浏览器内核是指浏览器中负责解析和渲染网页的核心模块。它是浏览器的重要组成部分，负责将HTML、CSS、JavaScript等网页资源转化为可视化的网页内容。

是个车迷·2024-01-23 01:11

Google V8 引擎工作原理（翻译）

V8引擎如何执行JS，之前看过Webkit技术内幕，也只是走马观花。并没有深入理解，突然看到这篇文章，翻译之HowdoestheGoogleV8enginework?GoogleV8引擎是如何工作的？

weixin_34292924·2024-01-22 23:58

【转】IE浏览器new Date()带参返回undefined解决方法

问题描述今天给网站增加统计功能，其中一个功能为网站运行时间：此功能通过当前时间和建站时间算差后计算网站运行时间为n年n天n时n分n秒，代码写完后测试浏览器显示效果时发现，非IE浏览器内核均正常显示，IE

hundan_520520·2024-01-22 18:37

推荐频道

浏览器内核Webkit