Chrome 61 Beta版：JavaScript模块，桌面支付请求API，Web Share API，以及WebUSB 除非另有说明，否则下述更改适用于Android，Chrome OS，Linux，Mac和Windows的Chrome Beta最新版本。 JavaScript模块 模块允许开发人员声明脚本的依赖关系，并且在第三方构建工具中模块已经很受欢迎，它们主要用模块来按需打包脚本。在本次发布的版本中通过<script type=module>元素添加了对JavaScript 模块的原生支持。 原生
现代浏览器探秘(part1)：架构 现代浏览器探秘(part2)：导航 现代浏览器探秘(part3)：渲染
macos好用吗，我觉得一般，当macos跟macbook结合到一起，并与iPhone、ipad、airpods组成生态时，他就很好用了。但macos完美吗？这篇文章带来的是我在使用macos系统中不断积累和筛选的应用软件，让桌面使用更加便捷和人性化。
终于到最后一篇了！作为这个系列的最后一篇文章。在之前的文章中，我们了解了现在浏览器的多进程架构、导航以及渲染进程和合成器。在这篇文章中，我们将了解到合成器是如何在用户输入时流畅的处理交互的。
在Web开发中，实现流畅的滚动效果对于提升用户体验至关重要。为了实现这一目标，开发人员可以利用一系列的滚动方案。其中，请求动画帧（requestAnimationFrame，简称rAF）是一种常用的技术。rAF通过优化动画效果的渲染，可以避免卡顿和过度绘制的问题。此外，还有其他滚动方案如CSS动画、滚动事件监听等等，开发人员可以根据具体需求选择合适的方案。通过合理选择和应用这些滚动方案，我们可以提供更加流畅和优化的用户体验。
就在最近，7月24日，谷歌浏览器Chrome终于迎来了最近最大的一次更新，Chrome68。身为软件颜控的我对隔壁Edge随着更新越来越好看的界面已经眼红很久了，甚至几次想要抛弃Chrome换成Edge，还好在这次更新中 ，Chrome挽回了我的信任：可以丢掉那祖传的落后界面设计，全面换上好看的质感设计(Material Design)了（笑
作者：matrix 被围观: 9,147 次 发布时间：2018-06-28 分类：零零星星 | 3 条评论 »
BackTop 即滚动到页面顶部，是很多网站都会用到的基础功能，实现方法很多，Github 上也有许多优秀的三方库，如 smooth-scroll，但如何优雅实现也是一门学问。
操作滚动条可以通过锚点跳转，JS操作滚动条，与scrollIntoView等方法。对此，我来考古一下。
吸顶元素的初始位置一般靠近页面顶部，但与顶部有一定距离，这块区域放的是最醒目的元素，比如Banner图。页面向下滚动超过吸顶元素初始位置时，把吸顶元素固定在顶部
https://juejin.cn/post/7266745788536356879
有时候我们需要将元素滚动到可见区域，怎么办？使用 scrollIntoView 就足够了。
有天，辛苦做了个复杂操作功能的页面，上线后有用户反馈：很多功能使用不了。惊了，以为是哪里出了bug。 立马联系用户，才发现原来是用户使用笔记本电脑，没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。 然而那能怎么办，用户第一，自然得快速解决这个问题，而且是触控板和触摸屏都得解决。
softtabstop:表示在编辑模式的时候按退格键的时候退回缩进的长度,当使用 expandtab 时特别有用。
近日，Chris Harrelson（Blink 渲染引擎负责人）在 Chrome 官方博客介绍了 Chrome 下一代渲染架构：RenderingNG。
在 我的公司, 我们使用 谷歌搜索控制台 来检查索引状态和优化我们的网站的可见性。您还可以检查哪些外部网站链接到您的页面，当我浏览"顶部链接网站"页面时，我注意到了 主要 的滚动滞后。当选择显示较大的数据集（500 行）而不是默认的 10 个结果时，就会发生这种情况。
Chrome浏览器对于我们现在互联网行业已经不可或缺，其实大部分使用Chrome浏览器的人更看重的是它的强大的插件功能，几乎提供的插件无所不能。
本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表达的意思表达出来，而且会尽量补充一些相关的内容来帮助大家更好地理解。
有些页面并不能直接用requests获取到内容，会动态执行一些js代码生成内容。这个文章主要是对付那些特殊页面的，比如必须要进行js调用才能下载的情况。
之前分享过的chrome/edge扩展和油猴脚本我都更新到博客上了https://blog-susheng.vercel.app/ ，今天再分享几个实用的chrome/edge扩展和油猴脚本，如何安装扩展见文章上不了谷歌如何安装 Chrome 扩展？ ，油猴可以直接在edge浏览器安装 https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd
Linux Mint 团队已正式发布 Linux Mint 19.x 系列的更新 —— 代号为 “Tina” 的 19.2 稳定版本。作为 19.x 的更新版本，Linux Mint 19.2 仍基于 Ubuntu 18.04 LTS，并提供技术支持至 2023 年（因为 Linux Mint 19 是 LTS 版本）。
在日常开发中，我们会经常遇到转换固定格式或者生成指定格式的需求，比如生成随机颜色，判断是否为邮箱、身份证等等。那么今天就来分析一下github 的开源库outils[1]。
经过五年多的时间在内部使用其内部构建的基于Ubuntu的Goobuntu Linux发行版之后，Google决定用基于Debian Testing的gLinux代替它。
aspect-ratio CSS 属性为box容器规定了一个期待的纵横比，这个纵横比可以用来计算自动尺寸以及为其他布局函数服务。
几乎所有的网站都有存在，因为它可以让用户更方便地使用功能。但令人难以置信的是，只需要 6 行有效代码就可以做到这一点。
导语：本文从市面主流的浏览器及相应的内核引擎开始，介绍了Chromium为代表的浏览器架构及Blink内核的功能架构。Chromium为多进程架构，用户从启动运行浏览器后，先后经过页面导航、渲染、资源加载、样式计算、布局、绘制、合成到栅格化，最后完成GPU展示。而页面渲染完成后，浏览器如何响应页面操作事件也进行了深入的介绍。良心推荐！ 本文第二至五部分内容根据 Mariko Kosaka 的英文原版《Inside look at modern web browser》(见参考文献)，进行翻译、理解
CSS3 基础知识 1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image 2.背景 2.1 background-size background-size:30px 30px;(背景图像宽度，背景图像高度) 2.2 background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变，和background-size一起用) 2.3 background-attachment:(fixed|scroll|local) fixed： 背景图像相对于窗体固定。 scroll： 背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。 local： 背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。 2.4 background-position:30px 20px;(横坐标，纵坐标；是图片在动) 2.5 background-origin:(padding-box|border-box|content-box) padding-box： 从padding区域（含padding）开始显示背景图像。 border-box： 从border区域（含border）开始显示背景图像。 content-box： 从content区域开始显示背景图像。 3.文本 3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平，垂直，模糊) 3.2 换行 word-wrap:(normal|break-word) normal： 允许内容顶开或溢出指定的容器边界。 break-word： 内容将在边界内换行。如果需要，单词内部允许断行。 white-space:(normal|pre|nowrap|pre-wrap|pre-line) normal： 默认处理方式。 pre： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象 nowrap： 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。 pre-wrap： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line： 保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 3.3 省略号 width:200px; overflow:hidden; text-overflow:hidden; white-space:nowrap; 4.2D变换 4.1 旋转 transform:rotate(45deg); 4.2 移动 transform:translate(45px,45px);(水平，垂直) 4.3 缩放 transform:scale(2,2);(水平，垂直) 4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转) 4.5 将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。 暂放 5.过渡 5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] [ transition-property ]： 检索或设
浏览器经历了很多年的发展，浏览器引擎也在不停地迭代和演进。从PC时代到移动端，以独立浏览器的形态还是以系统WebView组件内嵌的形态存在，在互联网的生态系统中一直扮演着重要的角色。了解浏览器及其原理可以让我们打开另一个世界。
这篇文章介绍了几个非常实用的开源项目，它们可以帮助用户将网页转换为图像或 PDF 文件，并提供了丰富而灵活的配置选项来满足不同需求。无论您是需要生成网页快照还是抓取数据时获取相关信息，这些工具都能派上用场。它们基于先进的底层技术（如 Puppeteer 和 Chrome Headless），操作简单方便，并且在多个平台上均有良好兼容性。如果您对此类工具感兴趣，请务必查看一下这篇文章！
从发布我们的首款平板电脑和可拆分式笔记本，到在日本和德国等新市场推出 Chromebook，我们一直在努力使 Chrome OS 设备的生态系统满足如今应用用户们的需求。随着人们越来越多地在大屏幕设备或者多型态设备上使用应用，开发者们的作品也得以吸引大量全新的用户。
1. -webkit-text-size-adjust: 100% 解释：在 Chrome 浏览器中只能设置大于或等于 12px 的字体大小，当设置了小于 12px 的字体大小时，浏览器按照 12px 的字体大小渲染字体，而设置了 -webkit-text-size-adjust 属性后浏览器可以渲染 12px 以下的字体大小
了解各种键盘快捷键，成为 Chrome 使用达人。 Windows 和 Linux 标签页和窗口快捷键 操作 快捷键 打开新窗口 Ctrl + n 在无痕模式下打开新窗口 Ctrl + Shift + n 打开新的标签页，并跳转到该标签页 Ctrl + t 重新打开最后关闭的标签页，并跳转到该标签页 Ctrl + Shift + t 跳转到下一个打开的标签页 Ctrl + Tab 或 Ctrl + PgDn 跳转到上一个打开的标签页 Ctrl + Shift + Tab 或 Ctrl + PgUp 跳转
Firebug 的年代，我是火狐（Mozilla Firefox）浏览器的死忠；但后来不知道为什么，该插件停止了开发，导致我不得不寻求一个新的网页开发工具。那段时间，不少人开始推荐 Chrome 浏览器，我想那就试试吧，期初我觉得用起来很别扭，毕竟我不是一个“喜新厌旧”的人。但用的次数越来越多，也就习惯了。
Firefox 106、Chrome 107 和 Safari 16.1 发布稳定版，Chrome 108、Firefox 107 和 Safari 16.2 发布 Beta 测试版。
Linux的阵营日益壮大，每一款发行版都拥有一大批用户，开发者自愿为相关项目投入精力。Linux发行版可谓是形形色色，它们旨在满足每一种能想得到的需求。 本文就是为了简述某一款发行版为何存在、该发行版的目标用户是哪些，以及它与其他发行版相比有什么样的特殊功能。 最好的回归发行版：openSUSE openSUSE 背后的 SUSE 公司是最老的 Linux 企业，它成立于 Linus Torvalds 宣布放出 Linux 的一年后。它其实早于 Red Hat 的诞生，它也是社区主导的发行版 openS
本文介绍了如何通过纯CSS实现网页的平滑滚动背景渐变效果，以提升网站的美感和动态感，为用户提供舒适的浏览体验。文章首先解释了背景渐变效果的实现原理，然后详细阐述了平滑滚动背景渐变效果的实现步骤，包括创建滚动容器、添加背景渐变效果以及添加滚动事件监听器等。
By Kayce Basques Technical Writer at Google
在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。
在平时的日常开发中，我们可能会遇到这样的需求，点击一个导航链接，页面会定位到一个元素或上去。如下图vue官网所示，我点击左侧导航栏链接，右边会定位到相应的位置。
python + selenium 实现快照 （保存整个网页为图片）:https://www.cnblogs.com/shuaichao/p/13176915.html
Linux Mint 团队已正式宣布推出 Linux Mint 19.2 “Tina” 的首个 beta 版，它包含一系列性能改进和界面改进，并为许多核心应用程序和实用程序带来增强功能。
macOS 是苹果公司开发的操作系统，以其稳定性和安全性闻名，广泛应用于个人和专业领域。macOS 以其直观的用户界面和强大的性能深受用户喜爱。
小伙伴们，在上文中我们介绍了Android视图组件ScrollView，本文我们继续盘点，介绍一下视图控件的HorizontalScrollView。
Argon 这个主题也用了不短的时间了，在使用的过程中，有一个奇怪的问题一直困扰着我 —— 那就是当使用鼠标滚轮滑动界面时，滑动速度远超预期，让人十分烦恼。今天闲下来了以后，便开始着手探索这个问题。
selenium库的使用 项目的灵感 <img src="https://img-blog.csdnimg.cn/20201122112749272.png?x-oss-process=image/w
Chrome 算是程序员的标配了，从全球的市场份额来看，它在全球市场的份额已经超过 60%。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
