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
You can Follow the below Step By Step procedure to install the Traviz Chrome Extension to your Chrome Web browser.
It is the Traviz Chrome extension download link you can download and install Chrome Browser.
Toggle classes and attributes
Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.
Errator brings javascript errors front and center.
Turn any font glyph into a png image
Look for patterns inside HTML, JS, CSS and AJAX code
Collect and analyze CSS.
Print all elements with z-index sorted by that number.
Adjust your CSS styles, without taking your eyes off the result.
An extension for visually manipulating elements in the browser.
A selection of author settings for Chrome Developer Tools.