How do I directly edit my site with Chrome Dev Tools?

[cameronj....@gmail.com]

So I love dev tools, it's better than a lot of IDEs out there, but I can't figure out how to link up chrome dev tools with my web site (like the ShiftEdit IDE), so if I make a change in the resources it applies to the actual code on the site.

How can I get Chrome to do this?

[Sam Dutton]

Hi!

Have you seen the features for editing and saving code in the Dev Tools?

Open the tools, open the Sources panel, edit files directly, then select Save (or Save As) from the context menu (either from the file tree view or from the source area). Subsequent saves (with Save, or using a keyboard shortcut) will save to the same place.  You can see a history of code diffs by selecting Local modifications... from the context menu.

There are also at least two autosave options.

You'll still need to move files to your remote site somehow.

Sam

[John J Barton]

On Mon, Aug 20, 2012 at 2:38 AM, Sam Dutton <dut...@google.com> wrote:

Hi!

Have you seen the features for editing and saving code in the Dev Tools?

Open the tools, open the Sources panel, edit files directly, then select Save (or Save As) from the context menu (either from the file tree view or from the source area). Subsequent saves (with Save, or using a keyboard shortcut) will save to the same place.  You can see a history of code diffs by selecting Local modifications... from the context menu.

There are also at least two autosave options.

You'll still need to move files to your remote site somehow.

And if your site supports upload via a browser there ought to be a way to call that from a Chrome devtools extension for saving edits:

https://developer.chrome.com/trunk/extensions/devtools.inspectedWindow.html#event-onResourceContentCommitted

For example if your site supports SFTP, the extension would call SFTP from inside of the handler.

jjb

[Peter Rybin]

Hi

Please note that as an option you may try Eclipse-based solution that
allows you to debug JavaScript similarly to dev tools (via remote
debugging protocol). Its functionality is limited to JavaScript
debugging only, but being inside Eclipse you can use it with any
JavaScript IDE available there. This gives a full IDE experience for
JavaScript coding: editing, version control, debugging, live editing
on the same files.

http://code.google.com/p/chromedevtools

Peter


2012/8/19 <cameronj....@gmail.com>:

[kulshresht...@gmail.com]

Hi,

Can I use same tools to edit a php file?

Thanks,

Devarshi

[Vsevolod Vlasov]

Yes, just follow these instructions: https://twitter.com/ChromiumDev/status/337308972858089474

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[jiro...@gmail.com]

Hi everyone. I've some errors when i using Devtools
When i right-click in the file i was edited. I can't find the "Local Modifications" button

Vào 21:58:56 UTC+7 Thứ Tư, ngày 29 tháng 5 năm 2013, Vsevolod Vlasov đã viết:

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

[Kayce Basques]

On Friday, April 6, 2018 at 2:59:35 PM UTC-7, jiro...@gmail.com wrote:

Hi everyone. I've some errors when i using Devtools
When i right-click in the file i was edited. I can't find the "Local Modifications" button

I think the Local Modifications tab has been deprecated in favor of the new Changes tab.

https://developers.google.com/web/updates/2018/01/devtools#changes