{"id":223,"date":"2013-06-19T10:28:57","date_gmt":"2013-06-19T03:28:57","guid":{"rendered":"http:\/\/ethaizone.com\/blog\/?p=223"},"modified":"2013-06-19T10:28:57","modified_gmt":"2013-06-19T03:28:57","slug":"save-css-extension-%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%97%e0%b8%b3%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%84%e0%b8%b8%e0%b8%93%e0%b8%9a%e0%b8%b4%e0%b8%99%e0%b9%84%e0%b8%94%e0%b9%89","status":"publish","type":"post","link":"https:\/\/ethaizone.me\/blog\/2013\/06\/save-css-extension-%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%97%e0%b8%b3%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%84%e0%b8%b8%e0%b8%93%e0%b8%9a%e0%b8%b4%e0%b8%99%e0%b9%84%e0%b8%94%e0%b9%89\/","title":{"rendered":"Save CSS – Extension \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Google Chrome \u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e1a\u0e34\u0e19\u0e44\u0e14\u0e49"},"content":{"rendered":"

\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e01\u0e32\u0e23 dev \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19 Javascript \u0e21\u0e31\u0e19\u0e04\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27\u0e43\u0e19\u0e27\u0e34\u0e18\u0e35\u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21\u0e46 \u0e04\u0e37\u0e2d \u0e40\u0e1b\u0e34\u0e14 Editor \u0e41\u0e01\u0e49\u0e44\u0e1f\u0e25\u0e4c \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01 \u0e41\u0e25\u0e49\u0e27\u0e01\u0e47\u0e01\u0e14 F5 \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e31\u0e19\u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01 \u0e1e\u0e2d\u0e1a\u0e32\u0e07\u0e17\u0e48\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01 Google Chrome \u0e01\u0e47\u0e08\u0e30\u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23 dev \u0e21\u0e31\u0e19\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30 Google Chrome \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33 Live edit \u0e44\u0e14\u0e49 \u0e04\u0e37\u0e2d\u0e41\u0e01\u0e49\u0e1b\u0e38\u0e4a\u0e1a\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e25\u0e22 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e14 F5 \u0e2d\u0e35\u0e01\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/p>\n

\u0e16\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e01\u0e48\u0e2d\u0e19\u0e1a\u0e19 IE \u0e23\u0e38\u0e48\u0e19\u0e40\u0e14\u0e2d\u0e30 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e01\u0e32\u0e23\u0e23\u0e31\u0e19 Javascript \u0e1a\u0e19\u0e0a\u0e48\u0e2d\u0e07 Address Bar \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e30\u0e17\u0e33\u0e08\u0e30\u0e41\u0e01\u0e49\u0e2d\u0e30\u0e44\u0e23\u0e2a\u0e31\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e41\u0e15\u0e48\u0e21\u0e31\u0e19\u0e01\u0e47\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e41\u0e01\u0e49\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e01\u0e34\u0e14 Event \u0e2d\u0e30\u0e44\u0e23\u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27 \u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e1a Live edit \u0e1a\u0e19 Google Chrome \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49\u0e44\u0e14\u0e49\u0e41\u0e21\u0e49\u0e01\u0e23\u0e30\u0e17\u0e31\u0e48\u0e07 Event \u0e17\u0e35\u0e48 bind \u0e44\u0e27\u0e49\u0e41\u0e25\u0e49\u0e27<\/p>\n

\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e25\u0e22 \u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e27\u0e48\u0e32\u0e21\u0e31\u0e19\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e21\u0e35\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2b\u0e23\u0e2d \u0e41\u0e19\u0e30\u0e19\u0e33\u0e14\u0e39\u0e04\u0e25\u0e34\u0e1b\u0e02\u0e49\u0e32\u0e07\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49 \u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 Live edit \u0e21\u0e31\u0e19\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e19\u0e32\u0e17\u0e35\u0e17\u0e35\u0e48 3 \u0e04\u0e23\u0e31\u0e1a \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07 JS \u0e41\u0e25\u0e30 CSS
\n[media url=”https:\/\/www.youtube.com\/watch?v=nOEw9iiopwI” width=”853″ height=”480″]\n

\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e1e\u0e2a\u0e19\u0e35\u0e49\u0e15\u0e48\u0e2d \u0e04\u0e37\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49 Live edit \u0e44\u0e14\u0e49 \u0e41\u0e21\u0e49\u0e08\u0e30\u0e41\u0e01\u0e49\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e32\u0e40\u0e23\u0e35\u0e22\u0e01\u0e27\u0e48\u0e32 on the fly \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e01\u0e47\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49 fly \u0e08\u0e23\u0e34\u0e07\u0e46 \u0e2a\u0e31\u0e01\u0e17\u0e35 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e47\u0e2d\u0e1a JS \u0e43\u0e19 Live edit \u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e41\u0e1b\u0e30\u0e25\u0e07\u0e1a\u0e19 Text editor \u0e2b\u0e23\u0e37\u0e2d IDE \u0e41\u0e25\u0e49\u0e27\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e08\u0e23\u0e34\u0e07 \u0e1c\u0e21\u0e40\u0e25\u0e22\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e27\u0e48\u0e32 \u0e41\u0e25\u0e49\u0e27\u0e21\u0e31\u0e19\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e31\u0e27\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e30\u0e44\u0e23\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e0b\u0e1f JS \u0e2b\u0e23\u0e37\u0e2d CSS \u0e25\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e40\u0e25\u0e22\u0e40\u0e2b\u0e23\u0e2d? \u0e41\u0e25\u0e49\u0e27\u0e43\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14… (\u0e08\u0e23\u0e34\u0e07\u0e46 \u0e1c\u0e21\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e44\u0e21\u0e48\u0e16\u0e36\u0e07 3 \u0e19\u0e32\u0e17\u0e35\u0e01\u0e47\u0e40\u0e08\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e02\u0e32\u0e43\u0e19 Google \u0e25\u0e48\u0e30)<\/p>\n

http:\/\/tomicloud.com\/2012\/04\/save-css-chrome-ext
\n\"save-css-chrome-extension\"<\/a>
\n<\/a><\/p>\n

\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e47\u0e14\u0e39\u0e15\u0e32\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e25\u0e22 \u0e04\u0e37\u0e2d \u0e15\u0e34\u0e14 Extension \u0e08\u0e32\u0e01 Chrome Web Store<\/a>\u00a0\u0e41\u0e25\u0e49\u0e27\u0e1b\u0e34\u0e14\u0e40\u0e1b\u0e34\u0e14 Chrome \u0e23\u0e2d\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e41\u0e25\u0e49\u0e27\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b map \u0e42\u0e14\u0e40\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e40\u0e0a\u0e48\u0e19 localhost \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e41\u0e25\u0e49\u0e27\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 Ruby \u0e25\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e43\u0e0a\u0e49 Windows \u0e01\u0e47\u0e41\u0e19\u0e30\u0e19\u0e33\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14\u00a0http:\/\/rubyinstaller.org\/<\/a>\u00a0\u0e21\u0e32\u0e15\u0e34\u0e14\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e41\u0e25\u0e49\u0e27\u0e15\u0e2d\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e25\u0e37\u0e21\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e35\u0e22\u0e01\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 ruby \u0e43\u0e19 cmd \u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22 \u0e01\u0e31\u0e1a\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e2b\u0e49\u0e44\u0e1f\u0e25\u0e4c .rb \u0e17\u0e33\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a Ruby \u0e14\u0e49\u0e27\u0e22 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e23\u0e32\u0e40\u0e1b\u0e34\u0e14 server \u0e08\u0e30\u0e44\u0e14\u0e49\u0e17\u0e33\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e49\u0e25\u0e04\u0e25\u0e34\u0e01<\/p>\n

\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e14\u0e32\u0e27\u0e4c\u0e19\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c server.rb<\/a> \u0e21\u0e32\u0e25\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e41\u0e25\u0e49\u0e27\u0e40\u0e1b\u0e34\u0e14\u0e21\u0e31\u0e19\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e41\u0e01\u0e49 JS CSS \u0e43\u0e19 Chrome \u0e21\u0e31\u0e19\u0e08\u0e30\u0e40\u0e0b\u0e1f\u0e25\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e25\u0e22<\/p>\n

\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e04\u0e23\u0e17\u0e35\u0e48\u0e04\u0e25\u0e49\u0e32\u0e22\u0e1c\u0e21 \u0e04\u0e37\u0e2d\u0e2d\u0e22\u0e32\u0e01\u0e41\u0e01\u0e49\u0e41\u0e04\u0e48 JS \u0e41\u0e25\u0e49\u0e27 CSS \u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e22\u0e38\u0e48\u0e07 \u0e01\u0e25\u0e31\u0e27\u0e40\u0e25\u0e30 \u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49\u0e15\u0e31\u0e27 Extension \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e2b\u0e49\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 \u0e01\u0e47\u0e41\u0e19\u0e30\u0e19\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e2d\u0e32 server.rb \u0e17\u0e35\u0e48\u0e1c\u0e21\u0e41\u0e01\u0e49\u0e44\u0e1b\u0e23\u0e31\u0e19\u0e41\u0e17\u0e19 \u0e41\u0e01\u0e49\u0e02\u0e31\u0e14\u0e44\u0e1b\u0e01\u0e48\u0e2d\u0e19<\/p>\n

#!\/usr\/bin\/ruby\r\n# -*- coding: utf-8 -*-\r\n\r\n# server.rb: receive CSS and JS files from Chrome extension\r\n#   and save files locally\r\n#\r\n# Author: Tomi.Mickelsson@iki.fi\r\n#   04.02.2012 - Created\r\n\r\nrequire 'webrick'\r\ninclude WEBrick\r\n\r\nclass MyServlet < HTTPServlet::AbstractServlet\r\n\r\n  def do_POST(req, res)\r\n    url   = req.header['x-origurl']\r\n    fpath = req.header['x-filepath']\r\n    bodylen = req.header['content-length']\r\n    raw = req.body\r\n    fpath = fpath.join(\"\")\r\n\r\n    if \/\\.css$\/.match(fpath)\r\n        print \"It's CSS. Don't save it.\"\r\n        res.status = \"200\"\r\n        res.body = \"OK\"\r\n        return false\r\n    end\r\n\r\n    print url, \" -> \", fpath, \" \", bodylen, \"\\n\"\r\n\r\n    reply = \"OK\"\r\n\r\n    # save file\r\n    begin\r\n        f = File.open(fpath, \"wb\")\r\n        f.syswrite(raw)\r\n        f.close\r\n    rescue => e\r\n        puts \"EXCEP \" + e.message\r\n        reply = e.message\r\n    end\r\n\r\n    res.status = \"200\"\r\n    res.body = reply\r\n  end\r\n\r\nend\r\n\r\n# start server\r\nserver = HTTPServer.new(:BindAddress => \"localhost\",:Port => 8080)\r\nserver.mount('\/', MyServlet)\r\n\r\ntrap 'INT' do server.shutdown end\r\n\r\nputs \"Server running in port 8080...\"\r\nserver.start<\/pre>\n
\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e1a\u0e31\u0e4a\u0e01\u0e04\u0e23\u0e31\u0e1a\u00a0 \"T-T\"<\/p>\n","protected":false},"excerpt":{"rendered":"
\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e01\u0e32\u0e23 dev \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19 Java … \u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[3,11],"tags":[],"class_list":["post-223","post","type-post","status-publish","format-standard","hentry","category-coding","category-jquery"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2Iqnv-3B","_links":{"self":[{"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/posts\/223"}],"collection":[{"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/posts\/223\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ethaizone.me\/blog\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}