Fontanello插件是一款专为设计师和前端开发者打造的浏览器扩展程序,它能够极大地简化查看网页上文本排版样式的过程。能够帮助设计师和前端开发者更加高效地查看和修改网页上的文本样式。无论是从功能、使用场景还是安装使用方面来看,Fontanello插件都是一个值得推荐的工具。
安装方法
方法一:.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。
5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二:文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
即时查看文本样式:用户只需在网页上右键点击任意文本,Fontanello插件就会即时显示该文本的字体、粗细、大小、颜色以及对比度等基本信息。这些信息包括常用的CSS属性以及一些较少使用的属性,让用户无需通过开发者工具或查看源代码即可快速获取文本样式。
跨平台支持:Fontanello插件不仅支持Google Chrome浏览器,还兼容Firefox、Microsoft Edge等主流浏览器,甚至包括iOS平台的Safari浏览器,实现了跨平台的一致性体验。
简洁高效:插件的交互设计简洁明了,前端技术实现高效,能够在用户右键选择后迅速提取并展示所选文本的字体信息,极大地提高了工作效率。
v1.8
- 修复了一些已知问题