Link to home
Start Free TrialLog in
Avatar of compdigit44
compdigit44

asked on

Test a HTML Page with CSS references

I am not a Web Developer so please bare with me. Once of our appliance uses web interface that can be customize by updating the correct html, image and CSS files.

How can I test the updated files and how they look without upload them to the appliance?
SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of compdigit44
compdigit44

ASKER

I tried to double click the file but it comes up blanks and it not reference the CSS or image files
double click what file?  This only works in the Google Chrome browser.  What are you using?
I am using IE
I tried it in Chrome and had the same problem .. I believe I see the problem. The html file list the path to the image an CSS files as /site/....... This directory does reside in the folder... Maybe it needs the full path for the image and CSS locations since it is not on the appliance ???

Just a thought
If you are duplicating the directory structure found on the appliance, then it should work on your computer.  I do this everyday.
That is the thing I am not duplicating is exactly which i think is my problem I am going to update it and test it again.
Just update the html to include the full update past to the file for testing for example if the html file has the path for an image as /imag/pic.jpeg.... I updated it to be... c:\users\name\desk\folder\image\pic.jpeg...

Long story short when I check on the updated html file I still get a blank page... The directory I copied to have *.js script files and I am wonder if these have to run to get the page to display correctly
That's possible.  IE doesn't like running javascript in local files.  Try viewing the page in Firefox instead.
I do not have Firefox but Chrome... I tried to open the file with Chrome and had the same result....
Since you haven't posted the files, it is hard to help you at this point.  If they are just HTML, CSS, and javascript, they should run in Chrome or Firefox.  I can't tell you why they are not without seeing the code.
I cannot upload the file because the have specific company reference which I cannot post since it is for internal use only.

To open the files in Chrome do i just double click the file or do i need to do something special?
You can right click on the file name, click on "Open With" and choose Chrome.
did that ... same result..... I have to be doing something wrong unless these *.js files actually build the page
If those *.js files are in the right place, they should still work in Chrome.  It's just IE that blocks them in local files.
The folder sturuce is the same from the appliance... the only change is that instead of being located at /root/site..bla...

that are now at c:\users\desktop\root\site....
I cannot upload the file but I an trying to edit the login page on a Citrix Netscaler 10.1. The landing htm file ti TMINDEX.html and I copied the root /vpn folder and all subfolders to my desktop so I can edit them...

Just puzzled why I cannot view my page on my desktop?  I really think the *.js files build the page...
That should not stop you from viewing the files in Chrome.
I think part of my problem is that I do not know how to properly use the Chrome native dev tools
You don't need 'dev tools' to view a page.  Though it might help to troubleshoot the page.  If you load the page in Chrome and "View Source", what do you see.
When I double click the html file and view the source I see the correct information for the file as I see it in Notepad++
What program opens it when you double click?  IE or Chrome?
default is IE
Then, right-click on the file name, click on 'Open With' and choose Chrome.
thank you for the great help everyone... but I ended up giving up on this one.....