WebKit 第7页

-webkit-line-clamp 是什么？

-webkit-line-clamp是什么？-webkit-line-clamp是一个非标准的CSS属性，用于限制在一个块级元素（如div或p）中显示的文本行数。

正宗咸豆花·2024-01-30 06:03

chrome浏览器自动填充密码的字号设置不生效

问题刷新浏览器初始化字号很小随便点击一下就会恢复我设置的字号大小原因给表单设置自动填充autocomplete=“on”后，chrome会默认给自动填充的input表单加上input:-webkit-autofill

学敲代码的Stars·2024-01-29 16:00

WebKit之chromium进程创建过程分析

一chromiumforandroidBrowser进程创建过程分析ContentMainDelegate是客户端程序注册给content_main_runner.cc的回调接口，content_main_runner.cc通过调用ContentMainDelegate的接口来通知客户端当前Content框架的状态。客户端程序通过ContentMainDelegate::RegisterAppli

sauphy·2024-01-29 15:29

JavaScript 之作用域&变量提升&闭包

一、JavaScript代码的执行浏览器内核是由两部分组成的，以webkit为例WebCore：负责HTML解析、布局、渲染等等相关的工作JavaScriptCore：解析、执行JavaScript代码另外一个强大的

原来是有理数·2024-01-29 09:27

大数据||日志数据Nginx及业务需求

act=mycourse""Mozilla/5.0(WindowsNT6.1;WOW64)AppleWebKit/537.3

明明德撩码·2024-01-29 06:12

设置网站置灰 css / js

一键设置网页置灰css写法，但是css在IE中兼容可能不太好html{-webkit-filter:grayscale(100%);/*webkit*/-moz-filter:grayscale(100%

闲来无事垂钓·2024-01-29 05:29

手机浏览器css兼容

那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机iPhone4/4s的分辨率为640*960pixels，DPI为是320*480

闲来无事垂钓·2024-01-29 05:29

图片放大缩小时，图片上会出现蓝色蒙版解决方案

1.问题描述：页面上需要展示几张图片，并且有放大、缩小、旋转功能，在放大时，图片上出现了蓝色蒙版，如下图：2.解决方案：body{-webkit-user-select:none;-moz-user-select

xiahuaxuanlan1113·2024-01-28 21:01

让padding、border等不占据宽度

box-sizing:border-box;-moz-box-sizing:border-box;/*Firefox*/-webkit-box-sizing:border-box;/*Safari*/Documentbody

盛大人很低调·2024-01-28 15:03

iphone手机H5样式兼容总结

html,body{-webkit-text-size-adjust:none;}//当需要在中文版chrome浏览器中显示小于12px的字体时，而且此时页面放大效果会被阻止html,body{-webkit-tap-highlight-color

醉于麦田·2024-01-28 07:20

安卓端a标签点击时去掉底色（H5）

a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select

布呐呐aa·2024-01-28 00:11

CSS文本超出2行就隐藏并且显示省略号,单行居中，两行居左

overflow:hidden;//超出的文本隐藏text-overflow:ellipsis;//溢出用省略号显示white-space:nowrap;//溢出不换行,只能显示一行css3属性:display:-webkit-box

小小码农披荆斩棘·2024-01-27 17:03

overflow产生的滚动条样式设置

修改overflow产生的滚动条样式，主要可以通过如下三个伪元素设置：1)-webkit-scrollbar：设置水平滚动条的高度，垂直滚动的宽度2)-webkit-scrollbar-thumb：设置滚动条里面的滑块样式

_揽·2024-01-27 16:13

playwright-python 元素定位、frame处理（一）

浏览器、Browsercontexts、framePlaywright可以同时启动多个浏览器（chromium、Firefox、webkit），每个浏览器可以启动多个page（在Playwright上称作

Lucas__liu·2024-01-27 14:13

html空心字体颜色,用-webkit-text-stroke实现空心文字

-wekbit-text-stroke-webkit-text-stroke是一个css属性，定义文字字符描边的宽度和颜色，它是-webkit-text-stroke-width和-webkit-text-stroke-color

weixin_39977586·2024-01-27 14:31

CSS方言之webkit私有属性

仔细一看是由于设置了display:-webkit-box的缘故。

辰辰沉沉大辰沉·2024-01-27 13:28

CSS之webkit内核中的属性text-stroke

text-stroke是一个复合属性，里面有两个参数：描边的尺寸描边的颜色div{text-align:center;font-size:60px;height:500px;line-height:500px;-webkit-text-stroke

远近高低各不同·2024-01-27 13:56

深入浅出浏览器渲染原理

目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。

前端三少爷·2024-01-27 13:15

用HTML和CSS实现酷炫的文字特效

有些是从网络上找的，有些是自己写出来的相关属性介绍这里介绍一点写这些特效时需要用到的属性，（带-webkit-开头的是只有Safari和Chrome等使用webkit或chromium内核的浏览器才可以使用

乔一丁_2020强化班·2024-01-27 12:26

CSS文字效果

CSS文字效果前言默认效果阴影无模糊添加模糊不同方向叠加无模糊文字描边（text-shadow实现）不同方向叠加有模糊文字发光第一种3d效果特殊阴影沉浸式文字文字描边（-webkit-text-stroke

wDeveloper·2024-01-27 11:25

水波浪标题

display:inline;color:rgb(155,52,52);position:absolute;font-size:6rem;}h1:nth-child(1){color:transparent;-webkit-text-stroke

与妖为邻·2024-01-27 09:14

宏景eHRSmsAcceptGSTXServle存在XXE漏洞

POST/servlet/sms/SmsAcceptGSTXServletHTTP/1.1Host:User-Agent:Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit

LZsec·2024-01-27 09:01

uni-app隐藏scroll-view的滚动条

/*隐藏滚动条*/::-webkit-scrollbar{display:none;width:0!important;height:0!

Maoyy·2024-01-27 08:59

css 文本超出2行就隐藏并且显示省略号

display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。overflow:hidden;//超出的文本隐藏white-space:normal!

yuki20·2024-01-27 08:20

网页滚动条样式设置css

::-webkit-scrollbar{width:4px;height:4px;}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius

Cc_Debugger·2024-01-27 00:57

flex布局文字溢出显示省略号失效的解决方法

ellipsis;white-space:nowrap;width:100px;css多行文字溢出省略：word-break:break-word;text-overflow:ellipsis;display:-webkit-box

条件if循环·2024-01-26 19:03

CSS样式显示一行省略和两行省略

overflow:hidden;text-overflow:ellipsis;}.line2{word-break:break-all;text-overflow:ellipsis;display:-webkit-box

迟意..·2024-01-26 16:06

css文本超出隐藏

单行文本:div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本:div{display:-webkit-box;-webkit-box-orient

十一点后不在线·2024-01-26 16:31

《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

推荐频道

WebKit