写点什么

chrome

1 人感兴趣 · 48 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/02/022952c4013bf303df399f37fc87061c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Chrome 浏览器的更新导致 jQuery 反复发版,只因 :has() 这个伪类

最近 jQuery 似乎又“回光返照”了一下,窜稀式地连更了几个小版本。我仔细看了看,并没有新功能出现,不过还挺有意思的,也让我学习到了新的东西。简单来说,这几个版本的更新主要与 Chrome 引入新选择器产生的缺陷有关。那么谷歌浏览器是如何导致 jQuery 产

浏览器史话中 chrome 霸主地位的奠定与国产浏览器的割据混战

本文回顾浏览器的发展历史:作为前端老鸟,从IE的6、7、8开始做前端,各种兼容性折磨死人。js还好有了jQuery。chrome出来后,真是救苦救难,解救程序员的于水火。但是可恶的boss还是要求兼容ie6,7。

chrome 对页面重绘和回流以及优化进行优化

页面的绘制时间(paint time)是每一个前端开发都需要关注的的重要指标,它决定了你的页面流畅程度。而如何去观察页面的绘制时间,找到性能瓶颈,可以借助Chrome的开发者工具。

https://static001.geekbang.org/infoq/b4/b482da5ff8137b1184c71708e88f952f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Chrome 无魔法使用新必应(New Bing)聊天机器人

用户头像
kcodez
03-08

做技术研究或科研论文时,经常需要国外一手的。谷歌没办法直接访问,这时“必应”就成了不二之选。而且,现在必应有了 ChatGPT AI 的加持,一下子就成为了“香饽饽”。

https://static001.geekbang.org/infoq/a7/a70e68ceca3726827bd4283f0693ab6e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

快速制作一个 chrome 插件

用户头像
JYeontu
02-20

在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更多是它丰富的扩展在吸引我,那么大家有没有想过如何自己来开

https://static001.geekbang.org/infoq/c9/c90004189237e99e201afb78d3ef27e8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

复习前端:JavaScript V8 引擎机制

V8 是谷歌推出的开源 JavaScript 引擎,它是用 C++ 编写的,支持 Google Chrome、Chromium 网络浏览器和 NodeJS,它负责与环境交互并生成字节码来运行程序。

https://static001.geekbang.org/infoq/10/100b356ea764be602af7d7503144c8a1.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Chrome 103 支持使用本地字体,纯前端导出 PDF 优化

在前端导出PDF,解决中文乱码一直是一个头疼的问题。要解决这个问题,需要将ttf等字体文件内容注册到页面PDF生成器中。但是之前网页是没有权限直接获取客户机器字体文件,这时就需要从服务器下载字体文件或者提示用户选择字体文件上传到页面。对于动辄数十兆

https://static001.geekbang.org/infoq/26/261d118292a309ba14005cbd0ed28695.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 58 期:TypeScript 4.9 RC、10 月登陆浏览器的新功能、Turbopack 真的比 Vite 快 10 倍吗?100 天 Modern CSS 挑战

用户头像
童欧巴
2022-11-07

- TypeScript 4.9 RC - 10 月登陆浏览器的新功能 - Turbopack 真的比 Vite 快 10 倍吗? - 在 VS Code 中使用 Git - 100 天 Modern CSS 挑战 - Node.js 18 的新功能

https://static001.geekbang.org/infoq/3f/3f9807d19a18be867df98a8b07a46aa7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 57 期:Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3

用户头像
童欧巴
2022-11-01

- Turbopack - Next.js 13 - Chrome 107 - Vite 3.2 - Babel v7.20.0 - 图解 TLS 1.3 连接 - 全网最佳暗黑模式鉴赏 - 组件画廊 - 命令行的艺术 - WebAPI 检查

提高工作效率的神器:基于前端表格实现 Chrome Excel 扩展插件

Chrome插件,官方名称extensions(扩展程序);为了方便理解,以下都称为插件。我们开发的插件需要在浏览器里面运行,打开浏览器,通过右上角的三个点(自定义及控制)-更多工具-拓展程序-打开开发者模式。点击"加载已解压的拓展程序,选择项目文件夹,就可将

学会一行 CSS 即可提升页面滚动性能

一般情况下 CSS 并不会影响 JS 事件,但有一个 CSS 属性则比较特殊,那就是 pointer-events,它可以用来规避鼠标事件,其中大部分属性值只适用于 SVG(可缩放矢量图形)操作,而我们只需要关注其 none 属性值,该值表示鼠标事件“穿透”该元素并且指定该元素

https://static001.geekbang.org/infoq/bf/bfd7e50ff379f70651c8002a0849ac83.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 51 期:pnpm v7.10.0、8 月登陆网络平台的新内容、重新思考流行的 Node.js 模式和工具、打包 JavaScript 库的现代化指南

用户头像
童欧巴
2022-09-06

- pnpm v7.10.0 - 8 月登陆网络平台的新内容 - 重新思考流行的 Node.js 模式和工具 - 打包 JavaScript 库的现代化指南 - Chrome DevTools 中的现代 Web 调试 - 当 React Query 遇见 React Router

开源一夏 | 如何使用谷歌浏览器 Chrome 更好地调试

你的 JavaScript 是否曾经无法正确执行,并且你很难找出原因?你的 CSS 是否曾经表现得很奇怪,并且你很难找出原因或让它按预期显示?调试是编程的基本组成部分,也是所有软件开发人员的基本技能。

https://static001.geekbang.org/infoq/d7/d76a82381f30444217f3c9c71b75a56c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

性能调试 -- Chrome Performance

用户头像
空城机
2022-07-25

在前端开发过程中,性能优化基本是一个必要的学习点,本文主要来讲讲使用chrome的performance来进行性能调优。

在 Manjaro 上安装 Chrome

用户头像
信号量
2022-03-18

如何在 manjaro 上安装 google chrome

https://static001.geekbang.org/infoq/93/9328c4096891ec88f2404e2b3f1d4ad8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

DevTools 实现原理与性能分析实战

本文通过分析 Chrome 的 DevTools 的技术实现,特别是在浏览器内核中的实现部分,来展示这款被万千开发者所喜爱的开发工具背后的秘密。

https://static001.geekbang.org/infoq/e6/e6d4158e199f682eb740c141c0e3efcf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

这一次,Google 终于对 Web 自动化下手了!

用户头像
星安果
2021-11-15

最近 Google 对 Chrome 进行了一次比较大的更新,其中一项是脚本录制回放功能,它可以非常方便我们处理一些自动化场景 我们可以在 Chrome 官网下载 Chrome Canary 的最新版本进行尝鲜

https://static001.geekbang.org/infoq/33/33b5d228d09838f31d4a39df560d1c16.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Chrome 开发者工具中 Elements(元素)断点的用途

用户头像
Jerry Wang
2021-11-07

SAP Engagement Center UI的这个按钮会每秒钟刷新一次,显示页面已经打开了多长时间。

无代码 Web UI 自动化工具 Automa 初体验

用户头像
FunTester
2021-11-07

今天得空看了看论坛,发现有人在推广一个Chrome浏览器上的Web UI自动化工具,定位是做自动化简单重复性任务。

Chrome 浏览器控制台支持中文

用户头像
FunTester
2021-09-26

昨天在使用Chrome浏览器查看请求接口的时候,突然发现Chrome浏览器控制台已经支持中文了。特意来分享一下新消息。

https://static001.geekbang.org/infoq/4a/4a09801fc1de6d0ba1433a69061f3f33.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

桌面多空间使用技巧

用户头像
DisonTangor
2021-07-15

随着今年苹果发布会推出了m1芯片的ipad pro,我都开始蠢蠢欲动了。但是价格还是依旧“劝退级”。于是我就又折腾起了Fedora,有没有扩展显示的替代方案。无意间我发现了一个不错的技巧——多桌面模式。

https://static001.geekbang.org/infoq/77/774cb0a64850467b983e98c3da486833.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

我发现了 Chrome 的一个 bug

用户头像
wzx
2021-07-14

最近在项目中遇到一个问题,业务逻辑就不在这里介绍了,在排查过程中发现项目里有类似这样一段代码...

11 款开发者必备插件,第 1 款简直神器!

用户头像
Jackpop
2021-07-13

添加微信:code_7steps,备注“进群”,邀请你加入大牛云集的技术交流群!

浏览器历史难题解决了....

用户头像
Jackpop
2021-07-05

作为电脑上必不可少的一款工具,浏览器最近频繁有大动作。

https://static001.geekbang.org/infoq/f9/f9dcd16efd6c9320637d888741a12f59.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

我用来阻止你摸鱼看直播、知乎和微博的 Chrome 插件

用户头像
OBKoro1
2021-06-25

chrome插件通过强制的手段禁止大家浪费时间摸鱼,在上班/学习期间下意识的打开摸鱼网站, 自动检测摸鱼网站, 提示激励信息后, 关闭摸鱼网站。

https://static001.geekbang.org/infoq/3c/3cc1a82461cf134246f2b8cd00312c2b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Jerry 和您聊聊 Chrome 开发者工具

用户头像
Jerry Wang
2021-06-05

Chrome开发者工具是Jerry日常工作使用的三大调试器之一。虽然工具名称前面带了个"开发者", 但是它对非开发人员仍然有用。不信?

https://static001.geekbang.org/infoq/25/2576dd93f40e9471e06bec9deac92132.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP CRM WebClient UI 里的文件是如何上传到 ABAP Netweaver 后台的

用户头像
Jerry Wang
2021-05-24

使用Chrome开发者工具调试CRM WebClient UI里附件上传的功能: 从本地选择一个文件,断点触发:

https://static001.geekbang.org/infoq/08/0822ad41c0c070e340ae12eef31723c7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何在 Chrome development tool 里查看 C4C 前台发送的未经 GZIP 压缩之前的请求细节

用户头像
Jerry Wang
2021-05-23

我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求:

chrome_chrome技术文章_InfoQ写作社区