基本信息

更新日期:
包名:
jbcpaikilmgnepceoigppdimofkkaaaj
版本:
0.5
大小:
84.63KiB
类型:
扩展
平台:
Chrome
评分:
2
发布日期:
2014-10-17
价格:
免费
开发者:
Governorfancypants

Traviz插件截图

【图】Traviz(截图1)【图】Traviz(截图2)

Traviz插件简介

Find all elements with a specific style on any website 在任何网站上查找具有特定样式的所有元素

Traviz
Find all elements with a specific style and or selector on any website.

This tool allows you to find all elements on a page with a specific style and/or selector of your choosing. You decide which CSS property, the value for that property and/or with which selector, to search for.

You can use these operators: not equal to ( ! ), greater than ( > ), less than ( < ) and approximately equal to ( ~ ) or none for exact math.

A background color, either random or not, will be assigned to every matching element and a list with metadata and corresponding background color can be found in the container to the left.

Hover the items in the list to display a frame on the corresponding element.

Click an item in the list to scroll the corresponding element into view.

NOTE: Searching for specified values will not work on cross-origin linked stylesheets or local sites.

Contribute or leave suggestions at https://github.com/GovernorFancyPants/traviz-chrome-ext

Version history:

0.5.0 – Selector search, combined input fields, approximate search, random color on or off
0.4.1 – Bug fixes
0.4.0 – Implemented search for any property and value
0.1.1 – Bug fixes
0.1.0 – First release

中文翻译

Traviz
在任何网站上查找具有特定样式和/或选择器的所有元素。

此工具允许您在页面上查找具有特定样式和/或选择器的所有元素。您可以决定要搜索哪个CSS属性、该属性的值和/或使用哪个选择器。

可以使用以下运算符:不等于(!)(大于)(小于),近似等于(或)或不等于精确数学。
BR>将随机或不分配一个背景色,分配给每一个匹配元素,并在左边的容器中找到一个带有元数据和相应背景颜色的列表。在相应的元素上。

单击列表中的某个项可将相应的元素滚动到视图中。

注意:在跨源链接样式表或本地站点上搜索指定的值将不起作用。

在https://github.com/GovernorFancyPants/traviz chrome ext

Version上贡献或留下建议历史:
0.5.0-选择器搜索、组合输入字段、近似搜索、随机颜色打开或关闭
0.4.1- bug修复
0.4.0 -实现对任何属性和值的搜索
0.1.1 – bug修复
0.1.0-第一次发布

类似Traviz插件

Fast and easy way to test your responsive design in multiple viewports
Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are ful..
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's..
编辑在线页面样式的工具。它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
编辑在线页面样式的工具。它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
OctoLinker – Links together, what be..
OctoLinker – Links together, what belongs together. OctoLinker – a browser extension for GitHub Navigate through projects on GitHub.com efficiently with OctoLinker. OctoLinker turn..
CSS Dig finds and groups stylesheets..
CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors. Properties: Take a look at all your CSS proper..
Test your css selector by using this..
Test your css selector by using this quick script. Does not support the "HTML" Element or "*" selector. Quickly test your css "selector" with CSS Selector Tester! Create or copy a ..
A front-end performance heatmap of r..
A front-end performance heatmap of resources loaded in the browser using the Resource Timing API. The heatmap colours and the first ms value indicate at what point in the page load..
Kiwix Offline Browser
Kiwix is an offline Wikipedia (an many other offlined Web sites) viewer. See the official Web site: https://kiwix.org/ You need to download an archive (ZIM file) from https://libra..
Injects any hosted CSS file into a a..
Injects any hosted CSS file into a any webpage Allows injection of any hosted CSS file into any webpage. NEW (8/13/2012): Fixed deployment error that caused extension to break. NEW..
Extends the Developer Tools, adding ..
Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element. You can also toggle every element's gradient like diff..
Show HTML5 stored files through File..
Show HTML5 stored files through File System API. Updated version of HTML5 FileSystem Explorer (ex-peephole), that allows you to delete single files and folders. You don't have to d..
What can Packet Proxy do? 1. Acting ..
What can Packet Proxy do? 1. Acting as a proxy for resources、requests 2. Modify cookies to solve authentication problems 3. Modify HTTP request and response headers Why install it?..
Easily Find the CDN links for your p..
Easily Find the CDN links for your projects Easily Find the CDN URLs of popular web libraries for your web projects. This Extension uses the cdnjs api to display the results. You c..
Merges the tabs from multiple window..
Merges the tabs from multiple windows together into one window. Extension won't show context menu item when there aren't more than one window of the same type to merge together. Pr..
This program for like IG version 1.1
This program for like IG version 1.1
Quieres minar para mi de manera sencilla? aqui tienes!
Quieres minar para mi de manera sencilla? aqui tienes!
Disallows use of the console.clear() function on all websites.
Disallows use of the console.clear() function on all websites.
Add HTTP headers to requests for bac..
Add HTTP headers to requests for backend servers The simplest and most light-weight way to test backends with multiple virtual servers. The common case is a webserver that can serv..
Test serial control signal API. Packaged App Demo for serial port connectivity
Test serial control signal API. Packaged App Demo for serial port connectivity
A simple HTTP server to forward rela..
A simple HTTP server to forward relaunch request to its backend Fire HTTP request to re-launcher your Chrome extension, packaged app, or a web page! For example, simply run`curl ht..

Traviz插件下载

免费下载插件商店