Previewing Your Site

Once you have Mobify Client installed on your computer, you can preview your local Mobify Client server on your computer.


1. Start the Mobify Client server

Open Command Prompt (Windows) or Terminal (Mac) and change to your project's root directory:

cd <project root directory>

Then, start the Mobify Client server:

mobify preview

This will build your project and start the Adaptive.js server at ports 8080 and 8443. Your project will automatically compile as you make changes to it.


2. Start Compass

If Compass does not automatically run along with mobify preview, then you will need to run it separately.

In a new Command Prompt (Windows) or Terminal (Mac) and change to your project's root directory:

cd <project root directory>

Then, start Compass:

compass watch

This will automatically compile your stylesheet as you change your Sass files.


3. Preview site in your browser

On your computer, open Chrome and navigate to Mobify Preview.

In the Mobify Preview screen, use these settings to preview your local server:

  • Site URL: <your site URL>
  • Bundle Location: http://localhost:8080/

Click "Preview".


Now, as you make changes to your local project, you'll immediately see any changes reflected when you refresh your browser.

Last Edited