You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>XRefresh is a browser plugin which will refresh a web page due to file changes in selected folders. This makes it possible to do live page editing using your favorite HTML/CSS editor.</p>
107
107
<p>The typical usage scenario is for local web development on a machine with two monitors. The first monitor is for the source code editor and the second one is fully dedicated to previewing the web page in Firefox. Thanks to XRefresh, the page in Firefox is automatically updated with saved changes in the source files (html, css, js, images). XRefresh also provides the advanced feature “Soft Refresh”, which enables you to modify CSS files on-the-fly without a full refresh. With this feature you can get a similar experience to live editing of CSS in Firebug.</p>
<p>After installation, the xrefresh-server executable should be added to your system path.
144
144
To start the server simply run <codeclass="language-plaintext highlighter-rouge">xrefresh-server</code> from command-line.</p>
@@ -158,7 +158,7 @@ <h4 id="why-is-dual-monitor-setup-great-for-web-development">Why is dual monitor
158
158
</blockquote>
159
159
<h4id="what-is-soft-refresh-css-feature">What is “Soft Refresh CSS” feature?</h4>
160
160
<blockquote>
161
-
<p><imgsrc="https://static.binaryage.com/8aaa6500_images_soft-refresh-checkbox.png" style="float:left; height: 100px; padding-right: 10px"/> XRefresh is able to replace an externally linked CSS file with an updated version without reloading the whole page. I call it “soft refresh” and it is handy in dynamic AJAX-style applications. The page stays in the same state and does not blink during refresh. With this feature you can get a similar experience as Firebug on-the-fly CSS editing (without the <ahref="http://code.google.com/p/fbug/issues/detail?id=179">pain of syncing changes back to original source</a>). This is disabled by default, you need to enable it in XRefresh menu (under context menu on XRefresh tab button).
161
+
<p><imgsrc="/images/soft-refresh-checkbox.png" style="float:left; height: 100px; padding-right: 10px"/> XRefresh is able to replace an externally linked CSS file with an updated version without reloading the whole page. I call it “soft refresh” and it is handy in dynamic AJAX-style applications. The page stays in the same state and does not blink during refresh. With this feature you can get a similar experience as Firebug on-the-fly CSS editing (without the <ahref="http://code.google.com/p/fbug/issues/detail?id=179">pain of syncing changes back to original source</a>). This is disabled by default, you need to enable it in XRefresh menu (under context menu on XRefresh tab button).
162
162
Here is a minimal <ahref="http://github.com/binaryage/xrefresh/tree/master/test">example page using this technique</a>. You should be able to see soft refresh icons when modifying style.css.</p>
163
163
</blockquote>
164
164
<h4id="what-is-soft-refresh-js">What is “Soft Refresh JS”?</h4>
0 commit comments