Thank you for your work. It can save a lot of my time.

I have some feature that want suggest to you. I debug js only and I don't want to edit css with autosave. Can you make feature that can choose which file extension can autosave or not? I think this is really important feature.

Filtering by url could be achieved with regexp filters. I'll add this to my potential todo list.

I can modify at ruby script for my use.

if /\.css$/.match(fpath)
print "It's CSS. Don't save it."
res.status = "200"
res.body = "OK"
return false
end

but I think this don't wisely option.

I just found this extension today, by far one of the most useful extensions I've come across. It would be nice if there was an easy way to import paths and url prefixes into the system, as I have about 500 sites I would like to make use of this on.

Editing rules manually for 500 sites in the extension can be quite laborous, I can imagine.

I guess the easiest way is to add a generic mapping "http://" in the extension and do the real mapping to local path in the python script which you can easily modify yourself. Importing paths requires some scripting, depends on how logical your disk hierarchy is.

thank you. i guess it going to be very useful. But I have a bit suggestion for you. These way confusing for non-web developers(flash developer etc.). I think you may record a video for it.

Thank you.

Hello! And thank you for a glorious extension.

I'm having some issues with it. I've tried all kinds of setups, and sometimes they work, usually not. And if they do, they might just stop working one moment. Sometimes it gives an error message but still saves.

Where should I start exploring? Because this is something I must get working =)

Can you reproduce the problems, or do they appear randomly? Usually the problems are related to incorrect paths or urls. Pay attention to the endings of paths; they should end with slashes.

hmmm im getting the same error

Very good extension! Thanks.

I'm trying to use it to write css's on my remote server.

1. Can I use in this way or the extension is able to save just in localhost?

2. In the remote server I don't have the possibility to open the 8080 port. I've seen in the python script that is very easy to change the port, but how I can change it in the plugin? I've tried to append the standard :xxxx to the url prefix (i.e. URL prefix http://mysite.com:1234/path/), but doesn't work.

Many thanks for your help.

Nicola.

Wow! This is simple and mighty! Love it! I had some small problems with the file path at the beginning but now it runs supercool :) Thank you.

Hell, this is awesome. Thank you.

This is absolutely fantastic.

I was curious, do you think this might work with a CSS pre-processor like SASS and source map support? It'd be awesome if this could save instantly to a SASS file as well. I'm going to give it a shot later today, but figured I'd ask. It looks like it just does a POST to whatever file relative, so I'm assuming SASS source maps may work?

Got a notice from Google saying that my extension doesn't comply with their quality guidelines. I'm at lost here, what is wrong with my extension?

"We are sending you this email to notify you of a recent update to the Chrome Web Store Program Policy. On December 19, 2013, Chrome announced the following Extension Quality guidelines:
An extension should have a single purpose that is clear to users. Do not create an extension that requires users to accept bundles of unrelated functionality, such as an email notifier and a news headline aggregator. If two pieces of functionality are clearly separate, they should be put into two different extensions, and users should have the ability to install and uninstall them separately. For example, functionality that displays product ratings and reviews, but also injects ads into web pages, should not be bundled into a single extension. Similarly, toolbars that provide a broad array of functionality or entry points into services are better delivered as separate extensions, so that users can select the services they want."

Hi Tomi, thanks, but can I change the plugin port from 8080 to something else?

There is no user interface to change the port, but if you are brave enough you can modify the sources on disk. On my OSX, the script of the installed extension is located in

~/Library/Application Support/Google/Chrome/Default/Extensions/mflkegihknjnhmpfnaimpfkjbkelhhkf/1.0.3_0/bg.js

in there is a line:
var serverurl = 'http://127.0.0.1:8080/save';

It seems that Chrome can now provide CSS saving as a built-in feature, see workspaces: http://www.html5rocks.com/e...

Haven't yet tried it but most likely you won't need this extension anymore.

Wow. Sorry but 4 yr old post or not I have to say - sure looks to at like some other DEVs at Google flat out RIPPED YOU OFF since what they introduced was verbatim exactly what this CSS extension had recently introduced and after all, they do kinda have access to the very directory to which you posted your code....

Hi. You seem to have a too long url; remove the file name part and make the url end with "/css/".

Can this extension simply show that changes that have been made? I don't want to save the files, I just want a reminder of what I've modified. Sometimes I modify a handful of CSS attributes and cannot remember which I've changed.

You can easily do this yourself by modifying the Python script. Instead of saving the CSS file, have the script do a diff of files. See the docs for Python difflib module.

Hello Tomi! Great extension and version 1.0.3 works fine on Windows 8 even with python 3 (had to change python script for python 3).

So, another idea, is there a way to detect a change for example in a modified css file and reload just only this css file automatically? This would be bombastic :-)

Perhaps i could help you with javascript-coding?

Had to make some changes to server.py to get it running with python3

http://pastebin.com/sjQHm4Ca

Thanks for the Python3 version. I think I'll make one script that works for both 2 & 3.

hi,
I got error Error saving file: No mapping for http://127.0.0.1/3/wordpress/rita/css/style.css
I have install the extension for chrome, also I have install payton and I run the script.

the script run on port 8080
and apachy run on port 80
http://localhost:80

tab, "Save": is visible ;

but the option to save near Mappings: Create is unvisibale
url
http://127.0.0.1/3/wordpress/rita/css/style.css/
Local folder
C:\wamp\www\3\wordpress\rita\css\style.css/

why ?

Many Thanks.

There is no Save button, saving is automatic when you type paths (technically during focuslost).

It seems that your paths are slightly wrong. Try these:
http://127.0.0.1/3/wordpress/rita/css/
-> C:/wamp/www/3/wordpress/rita/css/

I think you have putted some useful facts in here. It is really good for us to know that there's some good features and programs that maybe useful for us to used in our web development works. Advance tools and learning different advance functions are very important to have good looking web designs.

Just letting you know that Zenin Ilya has kindly created and shared an AutoIt (http://www.autoitscript.com... script and EXE for Windows users who don't have Python or Ruby installed.

script: http://tomicloud.com/media/...
EXE: http://tomicloud.com/media/...

I know this is quite old, but are these scripts available still. The links to download exe and script don't work anymore.

Hello, looks like the exe's are no longer there. I recommend you just install python/ruby on your windows and run my original scripts from https://github.com/tomimick...

Having some issues making this auto save locate and update my files.
I keep receiving the following error....

Error saving file: No mapping for http://127.0.0.1:8888/magento/skin/frontend/default/theme/css/styles.css

Mappings are the following:
URL prefix -
http://127.0.0.1:8888/magento/skin/frontend/default/theme/css/styles.css/

Local folder -
/Users/Wade/Applications/MAMP/htdocs/magento/skin/frontend/default/theme/css/

This looks like it would work, in chrome the style sheet is being located at
file:///Applications/MAMP/htdocs/magento/skin/frontend/default/theme/css/styles.css

I would really love to use this as It will save me a ton of time but for some reason I can not locate this within the app.

I do have the python web server running at port 8080

Thanks in advance for the help,

-Wade

It seems that you have extra "/" at the end of mapping. Have a prefix like this: "http://127.0.0.1:8888/magento/skin/frontend/default/theme/css/".

I think the extension adds the slash at end, if slash is not found. I should fix that.

Hi Tomi,

Great extension... I installed Ruby, run the server, then got unable to map error... even with correct file path... then the "Save Panel" just does not respond at all, e.g, I edit some css, go to Save and there is no error message at all... I create a Mapping and it creates it, but no error or saved files... Im a bit lost, any help appreciated. Thanks!

Tested it in my limited test setup (OSX, Chrome 23.0.1271.101, ruby server) and it seemed to work ok for me.

Can you doublecheck the mappings, then close the panel, reload page and open panel again? Also make sure you view pages via http:// and not file://.

What refers to "/" locally?
How can i find my modified CSS on my computer?

You can enter any local path for the local folder in the mapping. The prefilled path is just a placeholder.

On Windows the path should be something like "C:/myfolder/".

It show "Server is running in 8080"

But when I save a change in chrome 25 and 23
It show that:
Error saving file: Local server not running?

I use windows, I looking for netstat but nothing in 8080

I don't know what is wrong with your setup. I just tested CSS saving of a remote site and of a local file on my WinXP and verified that it works ok.

You mentioned Win8 in a email. I have no way to test Win8 now.

Hey Tomi,

Great extension, specially like the python web server for saving to the local file system, much cleaner than the npapi alternatives.

A few minor bugs ive noticed:
- on windows paths have '/' appended, which means my stylesheet url does not match the ones saved. I got around this by editing the localStorage paths via console.

- stylesheets with querystrings do not work well, perhaps regex based paths would be an alternative? e.g. path/to/file/style.css?.*$

Hmm, I think I fixed the query strings already. Still buggy?

I need to check the windows thing. Thanks for reporting.

I love your extension! Is there any similar extension out there which does the same cool thing with the HTML content part of the chrome developer tools window?

Hello, great tool! just found it! - I was wondering if there is anyway to make this plugin work without the ruby or python scripts. I develop using xampp on win 7. I'm wondering if xampp's apache server could help save the file locally - which is what you are doing in those server scripts.

Sure you can write the server part in another language like PHP. It should be a simple exercise: read some HTTP headers + post body, and save the body into a file. Remember to run Apache in port 8080.

Hi Tomi, thanks for the cool extension - I'm running the python script (osx 10.7.5, chrome 23.0.1271.52 beta) and it works great for a while, but at some point it just stops "seeing" changes and no longer saves them. I haven't yet determined when this happens or if some particular action triggers the breakdown - terminal shows no errors and the script appears to continue running - chrome task manager shows the extension remains active - any thoughts on what might be the cause? Is there a way to manually invoke a save or poke the script to wake it up?

I can't immediately say what could be the reason for this. Haven't also tried with Chrome 23 yet.

Anybody else experienced this behaviour?

Bro, you forgot to put a link to the extension. Here it is in the chrome store:
https://chrome.google.com/w...

Ah. In the article there's actually 2 links to the extension. The very first one points to exact location while the latter only points to store home. I'll fix the latter to point to exact location too.

I'm getting a bug with this extension... sometimes the "Save" tab in Inspector disappears and I have to close the tab or even the browser and restart to get it to appear... but it's specific to that domain only, because if i load a new domain it appears, and switching back to the old one it's still gone. Any ideas?

Tomi: I found a small graphic glitch. I'm using Google Chrome 22.0.1229.94 on Mac OS X 10.8.2. And when detaching Web Inspector, the icon disappears.