当前位置:首页>攻略资源> 正文

chrome 12 2023 年最受欢迎的 12 款 Chrome 浏览器扩展

皮努努更新:2025-11-09 17:29:37发布:11个月前 (12-04)9715


怎么让chrome支持小于12px 的文字

Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了。

一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式:

chrome 12 2023 年最受欢迎的 12 款 Chrome 浏览器扩展

[css] view plaincopy

.classstyle{-webkit-text-size-adjust:none; font-size:9px;}

再讲一下text-size-adjust属性,该属性用来设定文字大小是否根据设备(浏览器)来自动调整显示大小,safari 3.0+,chrome 1.0+可以支持。属性值,可以为三种:

chrome 12 2023 年最受欢迎的 12 款 Chrome 浏览器扩展

percentage:字体显示的大小;

auto:默认,字体大小会根据设备/浏览器来自动调整;

none:字体大小不会自动调整

据说该属性最初专门是为iPhone版safari设计的,用来自动调整普通网页在iPhone手机端字体的展现问题,不过,既然是webkit的私有属性,现在也经常用在webkit内核的桌面浏览器限制页面展示。实际上,这是webkit的一个bug。在最新版的Chrome已经修复。

需要注意的是,不合理的使用-webkit-text-size-adjust:none会造成许多不好的影响。比如将其定义为全局属性的话,在Chrome中当用户放大缩小页面(PC上按住Ctrl滚动鼠标滚轮可缩放网页)的时候,文字却维持定义的大小而不放缩,给用户带来的不太友好的体验。所以我们在使用时,最好定义为局部有效,而不要图省事一句html{-webkit-text-size-adjust:none;}了事。

由于没有-o-text-size-adjust,这样的CSS属性,在 Opera,我们就只能通过自己手动设置了:工具->首选项->高级->字体->最小字体大小(像素)。

PC桌面版Chrome 27正式取消了-webkit-text-size-adjust属性的支持,实际上是修正了原有的bug。如果定义该属性在Chrome调试窗口会显示Unknown property name,所有字号最小为12px。但是,移动端chrome/safari目前依然支持-webkit-text-size-adjust属性。因为此属性的滥用会使得webkit内核的浏览器失去调节能力,对于有视觉障碍的浏览者非常不友好(尤其是移动终端),那么现在该如何实现原来的需求呢?

我们可以尝试通过对文字区域局部应用以下样式解决:

[css] view plaincopy

.chrome_adjust{

font-size: 9px;

-webkit-transform: scale(0.75);

}

12×0.75=9,对于其它浏览器来说,12px以下的字号都是可以识别的,这里仅需要对于Chrome浏览器进行缩放。可是如何分辨是Safari还是Chrome,目前尚没有有效的CSS hack。可以通过javascript来判断是否为Chrome。判断方法:var isChrome=!!window.chrome;当检测为Chrome的时候,将.chrome_adjust这个类添加到对应的标签。

但是,问题还没有解决。看到网页在三种浏览器的不同表现:

1)、Chrome下由于启用了缩放,所以字符间距出现问题,影响了美观,这时候如果追求完美,可能你还会想到js判断为Chrome后再用CSS属性letter-spacing去修复;

2)、Firefox不认识-webkit,所以表现正常,9px;

3)、Opera 12.5+能够识别-webkit-前缀(Opera 12.15版本,内核暂未更换为webkit,但是已能够识别-webkit-前缀了,而且在检查元素时还抹掉了前缀),但又能够显示12px以下的字号,结果变成了9×0.75,影响了肉眼的识别,这时候,又得给opera添加-o-transform: scale(1);这个属性。

[css] view plaincopy

.chrome_adjust{

font-size: 9px;

-webkit-transform: scale(0.75);

-o-transform: scale(1);//针对能识别-webkit的opera browser设置

}

Chrome浏览器是什么

chrome是一款Google公司开发的一款设计简单、高效的Web浏览器,又称谷歌浏览器。

1、Google Chrome的特点是简洁、快速。GoogleChrome支持多标签浏览,每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭。此外,Google Chrome基于更强大的JavaScript V8引擎,这是当前Web浏览器所无法实现的。

2、手机版的Chrome浏览器,于2012年发布了Chrome浏览器移动版,提供IOS系统、安卓系统以及Windows Phone系统的Chrome浏览器,在保持浏览器原有特点的情况下,实现了多终端使用浏览器,具有共享收藏历史信息等功能,是手机浏览器的一次巨大突破。

扩展资料:

版本历史

1、Google官方博客在2008年9月2日撰文说,将于第二天在超过100个国家同时发布“Google

Chrome”的测试版。同日,Google官方博客宣布“Google Chrome”测试版已经开放下载。

2、首次发布的第一个测试版本仅提供43种语言版本,并只适用于Microsoft WindowsXP SP2以上版本,同年12月11日正式发布第一个稳定版本。

3、2009年6月5日,正式发布首个在Mac和Linux操作系统的开发者预览版本,同年12月正式发布第一个同时支持Windows,OS X和Linux操作系统的测试版。2010年5月25日发布的5.0版是第一个同时支持该3个操作系统的稳定版本。

4、在2010年“Google Chrome”是提供给欧洲经济区Microsoft Windows用户的12个浏览器中其中一个。

2023 年最受欢迎的 12 款 Chrome 浏览器扩展

谷歌浏览器Chrome以其广泛的使用率和强大的功能,成为了众多用户的首选。为了丰富用户的浏览体验,浏览器扩展插件应运而生。

2023年,谷歌官方公布了12款最受欢迎的Chrome浏览器扩展,它们各自具备独特的功能,旨在为用户带来更加便捷和高效的浏览体验。

这些扩展不仅能够提升用户的工作效率,还包括语言翻译、求职管理等多种功能,几乎覆盖了用户在日常使用中可能遇到的所有场景。

如果你是Chrome浏览器的用户,不妨试试这些扩展,它们可能会给你带来意想不到的便利。

版权说明:如非注明,本站文章均为皮努努下载原创,转载请注明出处和附带本文链接;

本文地址:https://www.pinunu.com/%E6%94%BB%E7%95%A5%E8%B5%84%E6%BA%90/chrome-12-2023-nb.html