LiveStyle — the first bi-directional real-time edit tool for CSS, LESS and SCSS.

Latest Version

Version
1.0.8
Update
March 14, 2017
Size
356KiB
Developer
emmet.io
Category
Users
20,000+
Rating
4.36467 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
Identity
WebRequest
Http://*/*
Https://*/*
See more

Emmet LiveStyle Extension

Instantly updates your web-page stylesheet while you edit CSS, LESS or SCSS file in your text editor. No file saving or page reloading: pure real-time experience! And this is the first tool that transfers updates from DevTools back into source code the right way.

Includes Remote View: creates publicly-available URL (aka “reverse tunnel”) to test your local web-sites on any internet-connect device or services like BrowserStack.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"Emmet LiveStyle",
"description":"LiveStyle \u2014 the first bi-directional real-time edit tool for CSS, LESS and SCSS.",
"short_name":"LiveStyle",
"version":"1.0.8",
"permissions":["tabs",
"storage",
"identity",
"webRequest",
"http://*/*",
"https://*/*"],
"icons":{"16":"icon/icon16.png",
"48":"icon/icon48.png",
"128":"icon/icon128.png"},
"background":{"scripts":["scripts/background.js",
"third-party/advisor-media.js"]},
"content_scripts":[{"matches":["http://*/*",
"https://*/*",
"file:///*"],
"js":["scripts/content-script.js"],
"run_at":"document_start"}],
"content_security_policy":"script-src 'self' 'unsafe-eval' https://ssl.google-analytics.com https://www.google.com; object-src 'self'",
"devtools_page":"./devtools.html",
"browser_action":{"default_title":"LiveStyle Control Panel",
"default_popup":"popup.html",
"default_icon":"icon/ba-disabled.png"},
"key":"MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDcrTJSUd51qTt4JPhpve5/bMwmJ5SFhUU2blEF9tUdt7TNCS/Y2oFz5yGWWXgLnLQ5822/+PkiSOwoG1QoLjaRz+TBIup+vctPuEsYk3+H1bGhdULjxhrsczKjYA2KPMX0ll/ncR1C3lalRx8PMwYW68bkXH/Z9USp5ITlBjoJ6QIDAQAB",
"oauth2":{"client_id":"429076250235-ik9plskehth6ihmslgnl5a83do6e9tm9.apps.googleusercontent.com",
"scopes":["email"]},
"manifest_version":2}
Read more

Similar Extensions

icon

Emmet Re:view Extension · Developer Tools 20,000+ 162 ★ 74.65KiB

icon

greybeard devtools theme Extension · Developer Tools 20,000+ 19 ★ 539KiB

icon

CSS3 Generator Extension · Developer Tools 20,000+ 60 ★ 346KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 20,000+ 266 ★ 2.15MiB

icon

Live CSS Editor Extension · Developer Tools 20,000+ 182 ★ 24.38KiB

icon

GhostText Extension · Developer Tools 20,000+ 138 ★ 98.09KiB

icon

LiveReload Extension · Developer Tools 20,000+ 808 ★ 60.78KiB

icon

DevTools Author Extension · Developer Tools 20,000+ 117 ★ 377KiB

icon

CSS Shapes Editor Extension · Developer Tools 20,000+ 101 ★ 84.76KiB

icon

Code Cola Extension · Developer Tools 20,000+ 188 ★ 189KiB

icon

DevTools Theme: Zero Dark Matrix Extension · Developer Tools 20,000+ 545 ★ 56.82KiB

icon

CSSViewer Extension · Developer Tools 20,000+ 371 ★ 301KiB

icon

RemoteLiveReload Extension · Developer Tools 20,000+ 37 ★ 68.84KiB

icon

Web Developer Checklist Extension · Developer Tools 20,000+ 54 ★ 32.65KiB

icon

Dimensions Extension · Developer Tools 20,000+ 454 ★ 17.28KiB

icon

Xdebug helper Extension · Developer Tools 20,000+ 429 ★ 70.13KiB

icon

Pix to pix (Pixel perfect by Ymatuhin) Extension · Developer Tools 20,000+ 26 ★ 34.18KiB

icon

Validity Extension · Developer Tools 20,000+ 210 ★ 108KiB

icon

Web Developer Extension · Developer Tools 20,000+ 2829 ★ 574KiB

icon

User CSS Extension · Developer Tools 20,000+ 264 ★ 298KiB

icon

jQuery Debugger Extension · Developer Tools 20,000+ 110 ★ 88.52KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 20,000+ 605 ★ 732KiB

icon

Stylebot Extension · Accessibility 20,000+ 1603 ★ 10.27MiB

icon

Window Resizer Extension · Developer Tools 20,000+ 2278 ★ 503KiB

User reviews

icon

Gregori Rain (ID: 000000a4eaa35a59) Voted 2 ★ - Updated 11/29/2021 Можно обновить проект? После авторизации гугла выдало - Error Unable to create session, Remote View server is not available. Please try again later. (ERVSESSION)

icon

Jason Edward (ID: 0000005214827d28) Voted 5 ★ - Updated 09/10/2021 I think this tool has incredible potential. I JUST WISH IT WOULD WORK CONSISTENTLY. The time it saves me in manually updating my css is lost in trying to debug why my stylesheets aren't loading half the time :(

icon

A T (ID: 0000004b4852babc) Voted 1 ★ - Updated 04/14/2021 1日使用して失敗したので二度と犠牲者を出さないためにレビューします。 2021年4月MAC Bigsurにて使用しました。コンセプトはとても良いものだと思います。 しかし、仕事で利用するのは絶対にやめた方が良いです。 書いたCSSが消えることは日常茶飯事でおまけにまともに反映されません。 プロパティの値を更新するとDeveloperツールに反映されないことが頻発し、コメントアウトとコメントアウト解除をすると反映されます。 挙句の果てには過去のバージョンと思わしき謎のスタイルシートを読み込みはじめ、収拾がつかなくなりました。 とにかく動作が不安定すぎて信頼性のかけらもありません。 古いPCなどでは動くかもしれませんが、最新のChromeと最新のmacOSで使用するのはおすすめしません。 3時間くらい吹っ飛びました。

icon

Kristina S (ID: 0000002aef0532a0) Voted 1 ★ - Updated 04/15/2020 Keeps getting stuck on: "Looks like LiveStyle extension was just updated! Please close DevTools panel (if it’s opnened) and refresh current page."

icon

Dmitry L (ID: 000000ef115c1e3e) Voted 3 ★ - Updated 06/07/2019 Для быстрых правок идеально подходило. Но перестал работать! Выдает "Looks like LiveStyle extension was just updated!" и не работает. Переустанавливал, чего только не делал - работать не хочет!