Bug 16477

Summary:	Web Inspector should allow live editing of JavaScript code
Product:	WebKit	Reporter:	Gavin Sherlock <gsherloc>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Enhancement	CC:	chris, cigitia, darwin, dev+webkit, inspector-bugzilla-changes, jschoi, webkit, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	528+ (Nightly build)
Hardware:	All
OS:	All

Description Gavin Sherlock 2007-12-17 09:13:44 PST

Sometimes it would be really useful when looking at a page to edit the source live in the inspector (not just the css), and have those edits reflected live on the page, with the page otherwise acting correctly as it would do served from it's origin.  You can kind of do this in Firefox using Firebug, though it's flaky, and you can do this in Omniweb reasonably well.  It would be great to have this functionality in Webkit's inspector.

Comment 1 Alex Taylor 2008-02-16 02:58:23 PST

Until something is decided about this enhancement, might I suggest looking at the plug-in 'SafariStand' if you haven't already. SafariStand has a 'site alteration' feature which allows you to do live source editing.

Comment 2 Matt Lilek 2008-02-16 08:36:51 PST

(In reply to comment #1)
> Until something is decided about this enhancement, might I suggest looking at
> the plug-in 'SafariStand' if you haven't already. SafariStand has a 'site
> alteration' feature which allows you to do live source editing.
> 

From our wiki - <http://trac.webkit.org/projects/webkit/wiki/FAQ>:
"Extensions are completely unsupported with any version of Safari/WebKit. To provide their functionality, extensions rely on private APIs and implementation details that often change and cause the extensions to break. There have been many changes to WebKit since the currently released version and the way extensions deal with changes and errors varies greatly, with many crashing often."

Comment 3 Adam Roben (:aroben) 2008-03-13 23:20:33 PDT

Bug 17224 added support for editing text nodes and DOM attributes. You still can't insert/remove arbitrary elements easily however.

Comment 4 Joseph Pecoraro 2009-10-16 23:10:33 PDT

Bug 30337 added support for deleting elements. But inserting elements is still not implemented.

Comment 5 Timothy Hatcher 2010-03-28 10:51:31 PDT

I think this is more about editing a resource and using it instead of the server copy instead of editing the DOM.

Comment 6 Radar WebKit Bug Importer 2014-12-01 14:49:51 PST

<rdar://problem/19107250>

Comment 7 Chris Chiera 2015-06-15 10:20:57 PDT

This has been possible for a long time in Chrome and Safari. This is labeled as as Status new, but assume it was simply never closed when the functionality was added.

Comment 8 Brian Burg 2015-06-15 16:32:28 PDT

This bug refers to editing of JavaScript source, which isn't supported right now. It would require significant efforts in the JSC engine and Web Inspector UI.

Comment 9 Cigitia 2017-11-15 10:55:12 PST

See also:
#166895 ”Web Inspector: Cannot edit source code of HTTP or JS resources served via HTTP” (https://bugs.webkit.org/show_bug.cgi?id=166895),
#136515 ”Web Inspector: JavaScript source text editor should have a linter“ (https://bugs.webkit.org/show_bug.cgi?id=136515).