百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Edge/Chrome细节改进:iframe惰性加载、优化清除数据操作

yuyutoo 2024-10-24 17:49 8 浏览 0 评论

微软和谷歌进一步深化在浏览器上的合作,不断打磨出功能更全面、用户体验更优秀的浏览器。近日在 Chrome 中新增了清除浏览数据改进、iframe 的惰性加载;在 Edge 浏览器中清除自动完成条目的新功能。

首先是原生支持 iframe 的惰性加载(又称延迟加载)。iframes用于将一个网页嵌入到另一个网页中,如今最常用来嵌入其他网络服务的媒体,如推特、Instagram帖子、YouTube视频甚至 Spotify 曲目。

当使用

lazy:是惰性加载的良好条件。

eager:是不适合惰性加载的,马上加载。

auto:浏览器会决定是否懒惰加载。

谷歌表示 iframe 惰性加载平均可以节省 2-3% 的数据,并让加载时间减少 10 秒。

目前在 Chrome 浏览器中清除浏览器数据的难度有点大。在清除浏览器数据页面,会自动对焦到“清除数据”按钮上,这样当你按下 Enter 按钮的时候意味着你的所有数据都会被删除。

Chromium 团队成员 Orin Jawaroski 声称这种对话是 "触发式的",可能会导致意外的数据丢失。Orin 表示:“我们正考虑调整按钮默认聚焦。这样我们就可以按一次tab键来武装清除数据按钮。这是一个安全机制,既能保护所有用户,又不会给那些喜欢快速键盘驱动清除的用户造成太多负担。”

在 Chrome 86 中,谷歌已经将“取消”设为默认,这意味着用户不能因为一不小心按下键盘按钮而意外删除所有的浏览器数据。

在 Edge Canary 86.0.587.0 版本中,当你将鼠标悬停在一个条目上时,会出现一个X按钮,允许你删除个别令人尴尬的自动完成,而不删除其余的有用的历史。

相关推荐

网站建设:从新手到高手

现代化网站应用领域非常广泛,从个人形象网站展示、企业商业网站运作、到政府公益等服务网站,各行各业都需要网站建设。大体上可以归结四类:宣传型网站设计、产品型网站制作、电子商务型网站建设、定制型功能网站开...

JetBrains 推出全新 AI 编程工具 Junie,助力高效开发

JetBrains宣布推出名为Junie的全新AI编程工具。这款工具不仅能执行简单的代码生成与检查任务,还能应对编写测试、验证结果等复杂项目,为开发者提供全方位支持。根据SWEBench...

AI也能写代码!代码生成、代码补全、注释生成、代码翻译轻松搞定

清华GLM技术团队打造的多语言代码生成模型CodeGeeX近期更新了新的开源版本「CodeGeeX2-6B」。CodeGeeX2是多语言代码生成模型CodeGeeX的第二代模型,不同于一代CodeG...

一键生成前后端代码,一个36k星的企业级低代码平台

「企业级低代码平台」前后端分离架构SpringBoot2.x,SpringCloud,AntDesign&Vue,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任...

Gitee 代码托管实战指南:5 步完成本地项目云端同步(附避坑要点)

核心流程拆解:远程仓库的搭建登录Gitee官网(注册账号比较简单,大家自行操作),点击“新建仓库”,建议勾选“初始化仓库”和“设置模板文件”(如.gitignore),避免上传临时文件。...

jeecg-boot 源码项目-强烈推荐使用

JEECGBOOT低代码开发平台...

JetBrains推出全新AI编程工具Junie,强调以开发者为中心

IT之家2月1日消息,JetBrains发文,宣布推出一款名为Junie的全新AI编程工具,官方声称这款AI工具既能执行简单的代码生成与检查等基础任务,也能应对“编写测试、验证结...

JetBrains旗下WebStorm和Rider现已加入“非商用免费”阵营

IT之家10月25日消息,软件开发商JetBrains今日宣布,旗下WebStorm(JavaScript开发工具)和Rider(.NET开发工具)现已加入“非商用免费”阵营。如果...

谈谈websocket跨域

了解websocketwebsocket是HTML5的新特性,在客户端和服务端提供了一个基于TCP连接的双向通道。...

websocket调试工具

...

利用webSocket实现消息的实时推送

1.什么是webSocketwebSocket实现实现推送消息WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。以前的推送技术使用Ajax轮询,浏览器需...

Flutter UI自动化测试技术方案选型与探索

...

为 Go 开发的 WebSocket 库

#记录我的2024#...

「Java基础」Springboot+Websocket的实现后端数据实时推送

这篇文章主要就是实现这个功能,只演示一个基本的案例。使用的是websocket技术。...

【Spring Boot】WebSocket 的 6 种集成方式

介绍...

取消回复欢迎 发表评论: