"Developer tools" is the new View Source. Browsers should really just redirect View Source to the live DOM view of their developer tools, that's what most people want from it.
Developer Tools would've scared the crap out've me when I was 11 years old trying to figure out how web pages worked.
The classic view source showing just text is a very powerful message: websites are just text[1]. As a young wannabe, it was very empowering for me to realize that all I had to do to accomplish my dreams was to open up Notepad and type some special text.
[1]: And images and videos and so on. That's not the point.
Maybe, but there's still a lot of value in being able to see pre-rendered code so I wouldn't go as far as a redirect. Somehow combining the two could be a good option.
I like having them both personally. I'll normally use the page inspector for most things, but I like to see the raw HTML I'm producing from a web app too, along with the CSS and JS tags, etc.
They do very different things. View source will show the document as delivered to the browser; developer tools show the page as rendered. You really need both.
Comments
"Developer tools" is the new View Source. Browsers should really just redirect View Source to the live DOM view of their developer tools, that's what most people want from it.
Developer Tools would've scared the crap out've me when I was 11 years old trying to figure out how web pages worked.
The classic view source showing just text is a very powerful message: websites are just text[1]. As a young wannabe, it was very empowering for me to realize that all I had to do to accomplish my dreams was to open up Notepad and type some special text.
[1]: And images and videos and so on. That's not the point.
Maybe, but there's still a lot of value in being able to see pre-rendered code so I wouldn't go as far as a redirect. Somehow combining the two could be a good option.
I like having them both personally. I'll normally use the page inspector for most things, but I like to see the raw HTML I'm producing from a web app too, along with the CSS and JS tags, etc.
They do very different things. View source will show the document as delivered to the browser; developer tools show the page as rendered. You really need both.
The former already exists in your browser's Network panel of the developer tools. It's the response for /Foo from the server.
It should be demoted from "View Source" though; how the DOM got into its current state is not that important; only the current state really matters.