Jinno插件,Chrome浏览器在线CSS查看器

Jinno 插件是一款专为设计师量身定制的 CSS 查看器,该插件适用于 Chrome 浏览器,支持验收开发实现出来的网页间距、样式是否正确,让设计师和开发者能够专注于设计,尽可能少花时间去挖掘 React/VueJs/Angular/Javascript 的代码。

Jinno 插件是一款专为设计师量身定制的 CSS 查看器,该插件适用于 Chrome 浏览器,支持验收开发实现出来的网页间距、样式是否正确,让设计师和开发者能够专注于设计,尽可能少花时间去挖掘 React/VueJs/Angular/Javascript 的代码。


Jinno: design any website React/HTML/sketch
开发者工具插件2021-12-214.8
Build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch
直达下载


Jinno 插件开发背景


网页开发者在设计完毕一个网页时,势必需要开发出来的网页间距、样式进行查看,以验证是否正确。如此一来,一款好的 CSS 查看器完全可以事半功倍。有了这款Jinno 插件,无论用户将鼠标悬停在何处,都可以快速查看给定页面的 CSS 属性等,非常好用。


Jinno 插件功能介绍


作为一款简单实用的 Javascript 查看器,Jinno 插件不仅支持更改网站 css 和样式表,如 figma 草图和 webflow,并且支持将更改导出到 css 文件的选项,用户还可使用任何开源的 React 组件来构建 ui,轻松设计和更改 css,将所有样式表 /JavaScript 更改保存在一处。


Jinno 插件使用教程

Jinno 插件使用方法

 

一、安装插件

 

如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在扩展迷下载Jinno 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

 

二、使用方法

 

Jinno 插件安装完成以后,直接在 Chrome 浏览器任意网页点击浏览器上方工具栏中的插件图标,当前页面底部将自动弹出一个工具栏,用户可根据自身需要点击相应的工具验收开发实现出来的网页间距、样式是否正确。


Jinno 插件使用教程

与此同时,用户可以从 Inspect 元素保存 css 样式表更改,可以导出 React 代码、Html 代码、CSS 代码,也可以在线使用悬停 css 检查器、检查元件工具、草图中的页面标尺、颜色选择器等、并检测 devtool 位置,以实现对当前网页的检查与分析。


Jinno 插件使用教程


Jinno: design any website React/HTML/sketch
开发者工具插件2021-12-214.8
Build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

Jinno插件,Chrome浏览器在线CSS查看器 - Extfans”

相关标签

上一篇:LineIt插件,Chrome网页便捷测量工具

下一篇:U.S. Lawmakers Want Google To Reconsider Links To Huawei