乐趣区

关于前端:Chrome-浏览器版本差异导致的开发问题收录

chrome83 vs chrome 84+

先说论断,chrome83 是个对开发不太敌对的版本,它有很多奇奇怪怪的货色。

1、chrome83 版本中
<input> ,<textarea>, <Select> 这些标签在 focus 的状态下会显示一个黑边。

这是因为 user agent stylesheet 里的款式:focus 实现

这个个性在 chrome84 及 chrome84+ 被删掉了。
如果在 chrome83 中遇到了这个问题,能够通过覆写款式:focus 来解决。

2、ResizeObserverSize 的 entry
chrome83 及之前的版本中 entry 的实现与之后的不同(之前的少了一些属性)

↓chrome83

↓chrome84

chrome84 及 84 之后的实现,entry 中多出了
borderBoxSize, contentBoxSize, devicePixelContentBoxSize 三个属性

===========↑ 2022 年 6 月 2 日 ↑===========

未完待续

同步更新到本人的语雀
https://www.yuque.com/diracke…

退出移动版