How to test HTML/CSS files from PC on mobile device - html

Here's the situation:
I have a folder on my PC containing a single HTML file, a CSS file, and an images folder. I've been testing it through the browser on my PC, but I wanted to run the same files off my Android to test on mobile. I zipped the entire folder, emailed it to myself, and then downloaded it and unzipped it on my Android. When I click on the HTML file I can open the page on the mobile browser, but it appears that the CSS file is not loading at all, despite all of the files still being in the same folder together on my phone. Is there an obvious problem I'm missing?

If the issue is coming from your phone and not the file, try to upload it on a free web host, like byethost, and open it directly trought internet.

You'll need to get your files into a web server.
If you don't have an external site you can use, you can still do it with a local web server. Depending on your OS, options for a local web server include IIS, Apache (via XAMPP on Windows), or even debug mode from an IDE like Visual Studio.
Next, get a tunnelling service like ngrok or localtunnel. When you run it, it will give you a temporary external website address that redirects to your local web server. You can then use your mobile device to test.

Related

Need to run .exe game file inside web page

I have a .exe game in a folder (it's running without setup) and need to upload it to my hosting so it can view and run it inside my website WordPress page, is it possible?
No, it would be very stupid and unsafe to give browsers the control to run any binary executable via any webpage

How can I force Chrome to open index.html file while browsing a local directory?

I am trying to implement an internal website on my company's shared hard drive.
Everything is going well except that I would like Chrome to open index.html file by default on root folder, exactly how it would do it on a remote web server. Any ideas, folks ?
What we do have as for now :
You have to run a webserver. By default, chrome will not serve any file, you have to open them on chrome properly.
So, since you're using WordPress, I suggest you to run xampp, or anything similar. To run on internal local network you have to configure windows to allow incoming connections from your machine IP address

mobile/phone emulator for html files on hard drive?

I have a website built on my hard drive that is not yet on the web. I'd like to check how to displays on various mobile devices prior to uploading to the web. I have downloaded a few emulators, but they seem to only "point" to a website and I cannot make them display a html file on my hard drive. Any help or pointers? I'm new to website development and learning while helping a friend.
Run website on your hard disk:
To run a website on your computer you need to have a web server, You should download one of these
mamp, xampp, wamp.
Then put your website on the web server software root folder.
Mobile Version:
Adobe Dreamweaver has a further for web designer who wants to see websites with mobile
http://www.htmlgoodies.com/beyond/webmaster/toolbox/how-to-build-a-native-mobile-application-in-dreamweaver-cs5.5.html
The adobe mobile simulator works like mobile and you don't need to upload your website and just test it with adobe Dreamweaver mobile simulator
Other mobile version:
If you are going to do it with your browser firefox you can press ctrl+shift+m
Hey if your phone and the computer with the harddrive are in the same wifi network, I would do it like this:
Install XAMPP. It is a very easy to-use, preconfigured webserver for development. After installing it, create a folder for your website (example: "mywebsite") in the "htdocs" folder in the xampp installation folder.
Open Xampp and start the apache webserver. Now, when you enter "localhost/mywebsite" as a URL in your browser, you will see the content of the folder. If you enter "localhost/mywebsite/mysite.html" you will see the "mysite.html" file rendered as a website.
Now as long as your apache sever is running, you should be able to access the site from any device within your network, without further configurations (like port forwarding or DynDNS).
Edit: Now as I reread your question I see that you don't want to test the site with real devices but with emulators. Well, I hope it is still helpful.

Website stuck caching old files

I am working on a website, but whenever I upload a new file to my hosting provider (BlueHost), I cannot get the new version of the file to load in any browser or any PC that I have. This happens with both images and html files. I have tried loading the updated page on multiple computers on my network, but they all show the old version of the files. The new files will load on my phone, but only on 3g. I tried connecting through an Open VPN connection and this did not fix the issue, I also have cleared the cache in chrome on the computer. Any idea what could be going on?
Check your .htaccess file. It might have server caching set up.

How to deploy HTML webpages from IIS?

I have developed some webpages and all the web pages are working fine, Now I need to deploy in my localhost. How can I do this?
I tried by creating a virtual directory and copied the HTML pages, CSS, JS and images in the virtual directory but this is not working, It shows
Internet Explorer cannot display the webpage
My default webpage name is 'index.html'
You need to point your IIS virtual directory to the physical location of your sites files. This can be anywhere on your machine.
It is common for a website to physically live in disk:\inetpu\websites\ under its own directory.
A virtual directory is just that, it doesn't physically exist on your machine.
You should then be able to browse to your site as follows:
http://localhost/virtualdirectory/index.html