Use Dropbox to Test your Website Locally

Published in: Dropbox

test local website

Whether you are designing a one-page basic HTML site or are developing a slightly more complicated site that uses JavaScript and jQuery functions, you need to thoroughly test the design and functionality before putting the HTML/CSS/JS files on a live web server.

How do you test the files associated with your project?

If you are a professional web designer /developer, you’ve probably set up a local server to test the sites on the computer itself but the workflow is a little more tedious for the rest of us.

You write the code in a local folder, then upload the associated files to a FTP server and finally, you load these online files in a browser for testing – this code-upload-test cycle may have to repeated multiple time until your site works as expected.

Test your Local Website with Dropbox

There is however an easier way as well that should save you some time.

If you can move your local development folder to the Dropbox public folder, you don’t have to worry about uploading files to an FTP server as Dropbox will do that for you.

As soon as you change code in the local file, the changes get uploaded online to Dropbox servers almost immediately and you can use the “public link” in Dropbox to open and test that file in your web browser. Dropbox can understand relative URLs and hence your associated JS and CSS files will also get picked up without you having to specify the full path.

In other words, you code websites on a local computer but test them online just like the real environment. This technique may however not be used for testing PHP and other non-HTML sites.

Also see: How to Completely Test your Website

📮  Subscribe to our Email Newsletter for Google tips and tutorials!
Published in: Dropbox

Looking for something? Find here!

Meet the Author

Web Geek, Google Developer Expert
Amit Agarwal

Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. He is the developer of Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory

Get in touch

Google Add-ons

Do more with your Gmail and GSuite account

We build bespoke solutions that use the capabilities and the features of Google Workspace for automating business processes and driving work productivity.

  1. Mail Merge with Attachments
    Send personalized email to your Google Contact with a Google Sheet and Gmail
  2. Save Emails and Attachments
    Download email messages and file attachments from Gmail to your Google Drive
  3. Google Forms Email Notifications
    Send email notifications to multiple people when a new Google Form is submitted
  4. Document Studio
    Create beautiful pixel perfect documents merging data from Google Sheets and Google Forms
  5. Creator Studio for Google Slides
    Turn your Google Slides presentations into animated GIFs and videos for uploading to YouTube