up vote 6 down vote favorite
1
share [g+] share [fb]

In Internet Explorer I can open a local .html file and edit it by selecting "Source" in the "View" menu," make a quick change, and then "Refresh" (reload) the web page.

How can I do that with Google Chrome?

Can I have the .html file open in Windows Notepad? (I like notepad because it's really fast.)

link|improve this question
69% accept rate
feedback

2 Answers

up vote 5 down vote

Ctrl+Shift+I -> Elements, It should show your source. Right click on any element and click Edit as HTML

Edit:

There are some extensions that look like what you want: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor & Live WebSite Editor look promising.

link|improve this answer
sometimes I right click and it says edit html, sometimes edit as text. sometimes it refreshes automatically, sometimes it doesn't – barlop Sep 26 '10 at 11:54
1  
try clicking exactly on the tag name for instance <body> – Casual Coder Sep 26 '10 at 12:10
that helps.. I see I can it makes a difference whether I right click the tag or within them.. But once I left click outside them, the pages changes, then I refresh the page, and changes are gone. How do I save? And how would I add another tag/element? like add <p>sdf</p> to the html? – barlop Sep 26 '10 at 13:10
1  
This is debugging tool. It is not editing tool. For creating pages use something like Aptana, Netbeans or other more suitable IDE. With tag completion, reference, javascript completion etc. . This is much more productive way to create web pages. If you insisting on using Chrome Developer Tools as your html editor there is copy as html context menu option. So you can paste it back to your main text editor of choice or other tool. – Casual Coder Sep 26 '10 at 13:50
I don't insist on using chrome debugging tools. It was just your idea, and may not such a good solution to this. Cheers for the IDE tips though and the note on what that chrome developer tool is for. Suppose my IDE is whatever it is. And i've got an html file I wrote locally. How can I from chrome, get that file opened up in my IDE? I guess that's something there should be a plugin for. Though I don't know of one – barlop Sep 26 '10 at 14:34
show 4 more comments
feedback
up vote 2 down vote
  1. open DevTools.
  2. open Elements panel.
  3. select html or body or another element you want.
  4. open console by Esc.
  5. write $0.contentEditable = true

now you can edit text on the page and move images but it is not that you really want :)

link|improve this answer
not really what I want, but that is a very amusing feature! – barlop Sep 29 '10 at 15:50
feedback

Your Answer

 
or
required, but never shown
discard

Not the answer you're looking for? Browse other questions tagged or ask your own question.