Firebug-Lite for Google Chrome is just one or two features shy away from the Firebug for Mozilla Firefox web browser. One problem is that the Firebug-Lite for Google Chrome doesn’t load in local web pages, the one stored on your local disk.
What’s the problem?
The veterans behind Firebug-Lite said, that it’s a Google Chrome bug preventing them to load the Firebug-Lite in a local file, in a locally stored web pages. Say, you’ve saved a webpage at your local disk. If you open that local webpage using the Google Chrome browser, the extension, Firebug-Lite won’t work.
What’s the solution?
One solution is to upload your web pages on to a server and use the Firebug-Lite for Google Chrome, the usual way. You’ll have to purchase a server to store and upload your local webpages.
Another solution is to switch back to Mozilla Firefox, sorry, if that’s a big let off.
Long story short, if you don’t want to opt for any of the two solution, then installing a local server would save you some dollars(purchasing a web server), internet bandwidth and loads of efforts that you’d be wasting on creating web pages via that method. And that’s what veterans at Firebug-Lite said. But they didn’t threw any words on how to install a local web server. Follow this short picturesque tutorial to fix the issue.
Fix Firebug-Lite For Google Chrome Not Loading In Local File problem
- Still couldn’t believe that it’s a real problem with the Firebug-Lite for Google Chrome? Just try to make it work on some locally stored web pages. And, it’ll come up with a prompt just shown in the image.
- Work around is simple, we need to setup a local web server. For that, head over to one of these two pages(WAMP or XAMPP), download and install the software appropriate for your machine. I’m going to use XAMPP for this tutorial.
- The installation process of the two software is simple, just continue through the installation and click ‘Finish’ when completed. By default, the XAMPP control panel will be launched. Click ‘Start’ for Apache and MySQL if needed.
- I’m assuming that Firebug-Lite is already installed as an extension for your Google Chrome web browser. Open the web browser. If you navigate to
localhostin your web browser, you should see the XAMPP configuration page.
- It’s time to upload the locally stored webpages to the local web server we’ve just created. Copy all the HTML files and the web pages and save it in the document root located in
C:\xampp\htdocs(it’s E:\xampp\htdocs) in my case.
- Navigate to the locally stored webpages using your web browser by going to
localhost/index.html. Where index.html file is the webpage you’ve stored in
Try using the Firebug-Lite for Google Chrome on the local web page files now, it should behave well. Let me know, if you’re still facing issues with the tutorial.