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

inno插件介绍

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

Jinno 插件功能介绍

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

Jinno 插件使用方法

一、安装插件

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

二、使用方法

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

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

Jinno 插件描述

应用大小:6.65 MiB
版本:v 1.0.38
用户量:3000
下载次数:8
更新时间:2021-12-21
评分:4.8

Jinno 插件下载

关注“Chrome扩展网”公众号，输入“插件”根据提示，即可下载最新安装文件。

Jinno 插件安装流程

(1)将下载的安装包文件（.zip）解压为文件夹，其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面，完成安装