canmove, Confirmed users, Bureaucrats and Sysops emeriti
1,093
edits
DevTools/Features/ViewSource: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
* the current DOM structure in the HTML Tree | * the current DOM structure in the HTML Tree | ||
* the | * the Page Inspector, if they want to switch to working on visual problems | ||
* CSS files, including the ability to edit via the Style Editor | * CSS files, including the ability to edit via the Style Editor | ||
| Line 51: | Line 51: | ||
* Be able to view JSON/XML (for use as a view elsewhere) | * Be able to view JSON/XML (for use as a view elsewhere) | ||
* HTML/CSS/JS error reporting <sup>2</sup> | * HTML/CSS/JS error reporting <sup>2</sup> | ||
==== More for Further Triage ==== | |||
These came from feedback that Paul Rouget got from Twitter. | |||
* Disable links so that the text can be selected (view source currently turns all links in the source into active links instead of selectable text... generally the right answer, but some would like to be able to select the text) | |||
* open a link in a new tab (view source in a separate window with this ability sounds very nice!) | |||
* edit source and reload page from edited source | |||
* API for addons to access raw source code | |||
* navigation (awesomebar) in the View Source window | |||
* background color configuration (themes) | |||
* more detailed HTML syntax highlighting (for things like classes and rel which are space separated, for example) | |||
* MDN links for HTML tags, attributes and common microformats | |||
* enable/disable refreshing of the tree if the page is changing | |||
* preview image, video, audio when hovering its link (similar to what Firebug is doing on network panel) with information (dimensions, size, format, compression weight etc.) | |||
* sourcemap support | |||
* beautify compressed source | |||
* search elements with a query selector | |||
* table of contents in a sidebar | |||
* highlight elements on the page if you hover over it in the source | |||
* split window to view multiple sources | |||
* view source in context menu on pages with a canvas covering the page | |||
Footnotes: | Footnotes: | ||