Browse
![Livereload 2 3 81 Livereload 2 3 81](https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Sitelayout.png/400px-Sitelayout.png)
![Livereload 2 3 81 Livereload 2 3 81](https://i.ytimg.com/vi/CrFXd5K9ur4/maxresdefault.jpg)
LiveReload is an extension for Google Chrome. It applies CSS and JavaScript file changes without reloading the page. Automatically reloads the page when any. 81 9 9 bronze badges. Right font 5 5 2013. 1answer 1k views gulp-live-server doesn't refresh page. I'm trying to use Livereload using Gulp, Sublime Text 3 and Chrome but for some reason it doesn't work. Here is what I did. Installed the Livereload extension in Chrome. Installed gulp-livereload.
LiveReload plugin for SublimeText
Installs
- Total573K
- Win401K
- Mac106K
- Linux66K
Oct 31 | Oct 30 | Oct 29 | Oct 28 | Oct 27 | Oct 26 | Oct 25 | Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 116 | 188 | 210 | 235 | 245 | 266 | 182 | 192 | 211 | 249 | 303 | 412 | 204 | 125 | 118 | 159 | 161 | 164 | 196 | 177 | 138 | 145 | 171 | 170 | 179 | 181 | 172 | 144 | 134 | 173 | 168 | 194 | 168 | 172 | 157 | 152 | 146 | 174 | 193 | 181 | 147 | 140 | 129 | 184 | 189 | 156 |
Mac | 11 | 18 | 26 | 29 | 29 | 26 | 12 | 17 | 21 | 28 | 27 | 33 | 24 | 17 | 14 | 21 | 18 | 16 | 32 | 29 | 7 | 23 | 23 | 17 | 19 | 10 | 17 | 23 | 17 | 20 | 20 | 25 | 30 | 23 | 23 | 18 | 22 | 32 | 28 | 27 | 36 | 19 | 17 | 28 | 29 | 24 |
Linux | 15 | 24 | 22 | 19 | 20 | 26 | 14 | 22 | 29 | 24 | 31 | 36 | 21 | 17 | 23 | 17 | 26 | 20 | 26 | 32 | 19 | 22 | 34 | 27 | 23 | 21 | 21 | 15 | 18 | 11 | 23 | 20 | 20 | 25 | 17 | 21 | 19 | 22 | 27 | 25 | 19 | 19 | 15 | 24 | 21 | 20 |
Readme
- Source
- raw.githubusercontent.com
A web browser page reloading plugin for the Sublime Text 3 editor.
Installing
With Package Control:
- Run “Package Control: Install Package” command, find and install
LiveReload
plugin. - Restart ST editor (if required)
Manual install, Linux users
Manual install, OSX users
Enable desired plug-ins via Command Palette (Ctrl+Shift+P) add livereload.js to you html document.
You can also use one of the extensions listed here http://livereload.com/extensions/
![Livereload 2 3 81 Livereload 2 3 81](https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Sitelayout.png/400px-Sitelayout.png)
Available plug-ins:
- Compass Preprocessor, compiles .scss, .sass and refreshes page when file is compiled
- Less Preprocessor, compiles .less and refreshes page when file is compiled
- Sass Preprocessor, compiles .scss, .sass with the latest installed sass version and refreshes page when file is compiled
- CoffeeScript Preprocessor, compiles .coffee and refreshes page when file is compiled
- Simple Reload, refresh page when file is saved
- Simple Reload with delay(400ms), wait 400ms then refresh page, when file is saved
Examples
- Simple Reload from http GET request, reloads page on visit to http://localhost:35729/callback/simplereloadplugincallback/on_post_compile
- Send content on change, sends file content to browser console
Sass Preprocessor usage
First, install latest version of sass“bashsudo gem install sass
The original plugin was written by Janez Troha
This protocol describes the communication between a LiveReload server (LiveReload 2, rack-livereload, guard-livereload etc) and the client (livereload.js script, livereload browser extensions or whoever else may choose to connect).
Status
Livereload 2 3 81 Resz
This protocol is in use by production versions of LiveReload 2, LiveReload browser extensions 2.x and rack-livereload.
The older protocol v6 is deprecated, and its support will be removed as soon as critical players (guard-livereload) upgrade to v7.
Basics
- LiveReload server MUST speak web sockets and HTTP on the same port. The port number SHOULD be 35729. Web socket connections MUST use
/livereload
as the path to connect to (e.g.ws://localhost:35729/livereload
).
HTTP protocol
Livereload 2 3 81 Epizoda
- LiveReload server MUST serve livereload.js (or another similar script implementing the client side of this protocol and compatible with URI options that livereload.js accepts) on HTTP path /livereload.js of the web sockets port.
Livereload 2 3 81 Equals
Web Socket Protocol
Livereload 2 3 81 =
![Livereload 2 3 81 Livereload 2 3 81](https://i.ytimg.com/vi/CrFXd5K9ur4/maxresdefault.jpg)
- Every web socket message MUST be a JSON object with a
command
key (a string). - Upon connection, a handshake takes place:
- Each party MUST send a ‘hello’ message immediately upon connection, and MUST NOT send any other messages before receiving a ‘hello’ message from the other party.
- The ‘hello’ message MUST specify a list of protocol URLs that the party wants to speak.
- Each protocol URL MUST be globally unique, and MUST point to an HTML or text document either describing the protocol itself or referencing the related product.
- After sending and receiving a ‘hello’ message, the parties implicitly agree to speak the intersection of the protocols they mentioned, picking the latest versions supported by both parties.
- If the intersection of the protocols is unsuitable to a party, it MUST close the web socket connection.
- Each command MUST be defined by one of the negotiated protocols. Each JSON object MUST conform to all negotiated protocols; in particular, this means it MUST only contain keys defined by some of the negotiated protocols, and MUST NOT use any other keys. (A particular vendor can always define its own freeform protocol if it wants to use random unspecified keys. Point is that unless such a protocol is negotiated, no additional keys are permitted.)
- Handshake, client-to-server.{ command: ‘hello’, protocols: [ ‘http://livereload.com/protocols/official-7’, ‘http://livereload.com/protocols/official-8’, ‘http://livereload.com/protocols/2.x-origin-version-negotiation’], }`</pre>
- Handshake, server-to-client:
- HELLO message may contain additional fields according to one of the protocols described in it. Thus any unknown fields MUST be ignored. This is an exception to the general rule, and should be used sparingly.
Official Protocol Version 7
Here’s a proposal of a protocol calledhttp://livereload.com/protocols/official-7
(previous protocols were called1.1
–1.6
after LR versions, so we’re starting with 7 to avoid confusion). - URL update, client-to-server:
- Reload request, server-to-client:
- Alert request, server-to-client, can be used by console servers to announce important things (like ‘Upgrade your browser extension!’) to the user.