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

annayy Chrome插件资讯164阅读模式

inno插件介绍

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

Jinno 插件功能介绍

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

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

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文件拖拽到扩展程序页面,完成安装

本站文章均为原创,版权归本站所有,如需转载或引用请注明出处

weinxin
我的微信
“Chrome扩展网”微信公众号
微信扫码关注公众号,回复“验证码”获取插件
annayy
  • 本文由 发表于 2023年2月28日 17:57:33
  • 转载请务必保留本文链接:https://www.chromekz.com/news/1868.html
  • Jinno
  • Jinno 插件
  • CSS 查看器