LivePage 1.3 – LESS, entire domain & file:// support

I’ve just finished typing out the last few lines of code for LivePage 1.3, and it’s pretty slick. As side from adding a few of the requested features, I also tidied up the code a little & made a few performance tweaks.

You can download LivePage from the Chrome web store (free of course). Some of it’s key new features have been described a bit more below.

Less

LESS is my favourite CSS preprocessing tool. So I want to introduce as many people to it as possible. So LivePage will now monitor LESS files on the page for changes & load their changes without a page refresh.

LivePage 1.3 currently ships with LESS version 1.3.0, as new versions are released I’ll updated LivePage and push out an update after testing. By default LivePage will monitor for LESS style sheets.

Entire domains can be live

One of the original feature I pulled until I could perfect the implementing was making entire domains “live”. So say your developing on the domain example.local, and you click to LivePage button, every page being served from example.local will be live.

This feature is off by default as I didn’t want to have a major UX change for current users of LivePage.

file://

Supporting the file:// protocol was a tad tricky, as a result LivePage needs an extra permission. But it’s worth it to be able to quickly drag and drop files into your browser and start editing them in real time.

To use this feature make sure on the extension page (chrome://chrome/extensions/), you have ticked “Allow access to file URLs ” for the LivePage extension.