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?
LVL 21
compdigit44Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Just view them in your browser.  If it's HTML, that's where you going to be viewing it anyway.
0
RobOwner (Aidellio)Commented:
You can use the dev tools of the browser to make minor tweaks but I've recently used an extension for chrome that allows you to apply persistent styles to the page you're viewing:

https://chrome.google.com/webstore/detail/my-style/ljdhjpmbnkbengahefamnhmegbdifhlb?utm_source=chrome-app-launcher-info-dialog

Once installed, just press ctrl-m and it opens up a side panel where you can insert your styles for the page.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
compdigit44Author Commented:
I tried to double click the file but it comes up blanks and it not reference the CSS or image files
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

RobOwner (Aidellio)Commented:
double click what file?  This only works in the Google Chrome browser.  What are you using?
0
compdigit44Author Commented:
I am using IE
0
compdigit44Author Commented:
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
0
Dave BaldwinFixer of ProblemsCommented:
If you are duplicating the directory structure found on the appliance, then it should work on your computer.  I do this everyday.
0
compdigit44Author Commented:
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.
0
compdigit44Author Commented:
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
0
Dave BaldwinFixer of ProblemsCommented:
That's possible.  IE doesn't like running javascript in local files.  Try viewing the page in Firefox instead.
0
compdigit44Author Commented:
I do not have Firefox but Chrome... I tried to open the file with Chrome and had the same result....
0
Dave BaldwinFixer of ProblemsCommented:
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.
0
compdigit44Author Commented:
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?
0
Dave BaldwinFixer of ProblemsCommented:
You can right click on the file name, click on "Open With" and choose Chrome.
0
compdigit44Author Commented:
did that ... same result..... I have to be doing something wrong unless these *.js files actually build the page
0
Dave BaldwinFixer of ProblemsCommented:
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.
0
compdigit44Author Commented:
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....
0
compdigit44Author Commented:
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...
0
Dave BaldwinFixer of ProblemsCommented:
That should not stop you from viewing the files in Chrome.
0
compdigit44Author Commented:
I think part of my problem is that I do not know how to properly use the Chrome native dev tools
0
Dave BaldwinFixer of ProblemsCommented:
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.
0
compdigit44Author Commented:
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++
0
Dave BaldwinFixer of ProblemsCommented:
What program opens it when you double click?  IE or Chrome?
0
compdigit44Author Commented:
default is IE
0
Dave BaldwinFixer of ProblemsCommented:
Then, right-click on the file name, click on 'Open With' and choose Chrome.
0
compdigit44Author Commented:
thank you for the great help everyone... but I ended up giving up on this one.....
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.