CSSViewer(CSS查看器) v1.7

  • 更新时间:
  • 575人关注
  • 点击下载

CSSViewer是一款查看器类别的chrome浏览器插件,目前更新的版本为v1.7,语言支持为English,查看器类别插件评分7.5,目前已被754人关注,本插件由充宏大 上传分享。

CSSViewer是一个简单的CSS属性查看器,最初由Nicolas Huon作为一个FireFox插件(2006-2008)。

使用方法:

要启用CSSViewer,只需单击工具栏图标,然后在当前页面中悬浮任何您想要检查的元素。

开放源码里面:

源代码可以在GitHub https://github.com/miled/cssviewer上找到

隐私:

为了正常工作,CSSViewer需要访问您的历史和网站数据的权限。然而,CSSViewer不收集也永远不会传输您的任何私人数据。

已知问题:

- CSSViewer将不会在任何打开的标签安装之前,也不会在谷歌chrome store(这是如何谷歌滚动:)

-风格可能会打破有时取决于你的网站冲浪。

-欢迎补丁。

学分:

这个chrome扩展是一个直接端口的Firefox CSSViewer插件与小的增强。功劳归于最初的开发者和贡献者。

更新日志:

1.7: 04/2017 -添加键盘快捷方式,并为本地文件启用查看器。

1.6: 11/2014 -添加检查元素菜单。添加生成css定义。修复一些自动定位的问题。修复了chrome/38的一个问题。

1.5: 10/2015 - Chrome/38.0.2125.101修复问题

1.4: 2013年2月-为了在Github上发布CSSViewer作为一个开源项目的一些小改变。

1.3: 08/2011 -在“效果”类别下支持一些CSS3属性。

1.2: 2011年7月-修复一些小bug。

1.1: 2010年3月3日-初始版本。

CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

How to use :

To enable CSSViewer, simply click the toolbar icon and then hover any element on you want to inspect in current page.

Open source inside:

Source code can be found on GitHub at https://github.com/miled/cssviewer

Privacy :

In order to work properly, CSSViewer requires the permission to access to your history and website data. However, CSSViewer do not collect nor will ever transmit any of your private data.

Known issues :

- CSSViewer will not work in any opened tabs before installing it nor in the Google chrome store (This is how Google roll :)

- The style may broke sometimes depending on the site you are surfing.

- Patches are welcome.

Credits:

This chrome extension is a straight port of the Firefox CSSViewer add-on with minor enhancements. Credits goes to the original developer and contributors.

Changelog:

1.7: 04/2017 - Add keyboard shortcuts and enable the viewer for local files.

1.6: 11/2014 - Add inspect element to menu. Add generate css definition. Fix few issues with auto-positioning. reFix an issue with chrome/38.

1.5: 10/2015 - Hotfix an issue with Chrome/38.0.2125.101.

1.4: 02/2013 - A bunch of minor changes in order to release CSSViewer as an open source project at Github.

1.3: 08/2011 - Support some CSS3 properties under the "Effects' category.

1.2: 07/2011 - Fix some minor bugs.

1.1: 03/2010 - Initial version.

展开阅读

CSSViewer.crx文件格式插件安装

1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/

3、找到已经下载好的Chrome离线安装文件CSSViewer.crx,然后将CSS查看器文件从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4、松开鼠标就可以把当前正在拖动的CSS查看器插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。

5、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。

CSSViewer文件夹格式插件安装

1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3、勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。

查看器类相关插件

  • Social Profile view notification(社交网络来访者查看器) v1.1.20

    Social Profile view notification

    ph2Social Profile view notification - 社交网络来访者查看器背景/h2有很多使用Facebook的用户在浏览和进行网上社交的时候,会出于好奇心或者其他原因想查看自己主页的来访者。brbrSocial Profile view notification在谷歌插件商店有超过二十万的用户使用,通过下载安装使用此款插件,用户可以在社交媒体上查看个人资料访问者。brbr它使用起来方便快捷,并且体积轻巧且安全,是您查阅来访者的不二之选。brbrbrh2Social Profile

    大小:156 KB查看器插件

    立即下载
  • JSON Viewer(Json格式查看器) v0.18.0

    JSON Viewer

    It is a Chrome extension for printing JSON and JSONP. Notes: * This extension might crash with other JSON highlighters/formatters, you may need to disable them * To highlight local files and incognito tabs you have to manually enable these options on the

    大小:309 KBJson查看插件

    立即下载
  • Image Viewer(图片查看器) v0.1.6.3

    Image Viewer

    - 当图像开启於独立分页,Image Viewer将会取代原本的功能 - 亦可以点击Image Viewer的图标或从右击选单中选取,於Image Viewer中观看网页中的图像 [控制] 拖动:移动 缩放:鼠标滚轮 旋转:Alt + 鼠标滚轮 双击:復原 [注意] 如要使用于本地文件,需要于扩充功能管理画面中选取「允许访问文件网址」

    大小:68.7 KB图片插件

    立即下载
  • Google Search (大图查看器) v1.5

    Google Search

    ph2Google Search View Image Button - 大图查看器背景/h2用户在使用chrome浏览器浏览网页图片的时候,一部分网页为了兼容互联网不得不显示缩略图去适应一些低网速用户,但是有些高带宽的用户就想第一时间看到大图。brbrGoogle决定从图片搜索中删除查看图片按钮,这可能是由于其新的合作伙伴关系的结果。br因此,此网络扩展程序只需将查看图像按钮再次添加到Google图像搜索结果中。brbr由devunt开发的Google Search View Image Button体

    大小:16.17 KB查看器插件

    立即下载
  • Exif Viewer(照片信息查看器) v1.0.8

    Exif Viewer

    This utility lets you open a .jpeg image from your computer or from a URL to view its Exif data. Theres lots of interesting information held in image files for you to explore! Some images have GPS data so you can see exactly where it was taken. Nikon also

    大小:328 KB图片插件

    立即下载

用户留言

网友NO.35120
网友NO.35120

CSSViewer的使用方法

在谷歌浏览器中安装CSSViewer插件,并在Chrome的扩展器中启动CSS查看器的功能,CSSViewer插件的下载地址可以在本文的下方找到,离线CSSViewer插件的安装方法可参考: 怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?最新谷歌浏览器离线安装版可以从这里下载:http://chromecj.com/chrome/2014-09/177.html。

点击Chrome右上角的CSSViewer插件按钮,这时候,用户就可以把鼠标在网页中进行浮动,从而找到需要看到的CSS属性,当用户浮动到一个元素上的时候,CSSViewer插件会自动以弹出窗口的形式,提醒用户该元素的详细CSS内容,包括字体大小、CSS类名、背景颜色、宽度、高度等

网友NO.42199
网友NO.42199

CSSViewer是一款可以帮助用户快速地查看当前网页中CSS信息的谷歌浏览器插件,用户可以通过CSSViewer查看快速查看一些CSS公共库的DEMO页面的示例来找到API。点击按钮后,鼠标移动到目标节点,鼠标旁边就会出现一个浮层,显示该节点所拥有的所有样式。显示的样式会经过格式化和合并,并且将继承下来的样式分类显示。欢迎在绿色资源网下载使用。

网友NO.26702
网友NO.26702

CSSViewer是一款可以帮助用户快速地查看当前网页中CSS信息的谷歌浏览器插件,用户可以通过CSSViewer查看快速查看一些CSS公共库的DEMO页面的示例来找到API。