bensampaio/chrome-extension-web_inspector

Extension for Google Chrome that allows you to inspect the styles of all elements in a page.

chrome-extension-web_inspector's Issues

Text Nodes Cannot Be Selected When Siblings Are Element Nodes

Given this:

"866 Results" cannot be selected. If I wrap it in a span, it can be.

.search-options__actions is floated right.

Data Box doesn't move with scroll

How to build my own updated version wit tis code

hey i wanted to use the code and wanted to launc as my own version how can i do that ?

Responsive Bug

Mister,

I was checking http://responsivelogos.co.uk/ and found out that your extension showed an odd behavior with some of the website elements. Images follow.

'X' (close) icon in content box

It is not intuitive to close the content box.
I suggest adding a 'x' (something like this)

Load inspectable elements only when extension icon is clicked

Makes the extension less intrusive.

Clicking on ESC should deactivate

Remove jQuery

Migrate all code to native JavaScript.

Background image property sometimes returns 'none'

Prefer set null over delete?

As in Google Style Guide for JavaScript

Here is an example

Can’t select/copy the color values if they’re in hex

If you select an element and set the color format to hex, it seems that you’re no longer able to select the color values.

Steps to reproduce:

1. Click the extension’s icon in the toolbar.
2. Click on an element in the page.
3. The extension shows the info dialog for that element and its RGB color values are shown by default (and you can select those). But if you try to change the color format to hex, you can no longer select the color values from the dialog (such as for copy-n-pasting).

Background Image bug

Background-image attr is linear-gradient(rgb(...)...)

which is not a proper image to link in src.