Watin to download webpage loaded by javascript - html

I am trying to download a webpage (printer web portal) with Watin but all I get is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML lang="en">
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta content="text/javascript" http-equiv="Content-Script-Type">
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript" src="init.js"></script>
<noscript>
<meta http-equiv="refresh" content="0; URL=js_error.xml">
</noscript>
</HEAD>
<BODY BGCOLOR="#ffffff" LINK="#000000" ALINK="#ff0000" VLINK="#000000" onload="init();location.replace('./system.xml');">
</BODY>
</HTML>
Even when I go to "View Page Source" in Firefox or IE, I don't get the "full" HTML. However, Firebug shows the full HTML.
Seems that the HTML is loaded by javascript afterwards, but how do I obtain this data?

Related

How to add a relative URL to the web page?

I have written a code using HTML to practise how to add a relative URL to the web page. But it doesn't work properly.

Folder structure for your project.
website(Main folder)
-links.html (html file)
-gb(Sub folder)
-currency-converter.html (html file)
links.html file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My first website</title>
</head>
<body>
<p>Let's start creating html links.</p>
Visits to I Love PDF
Visits to Currency Converter
</body>
</html>
currency-converter.html file inside the gb folder.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My second website</title>
</head>
<body>
<p>Welcome to currency converter page.</p>
</body>
</html>

imported svg as img is not working

Stumbled upon the following svg:
https://codepen.io/iliran11/pen/eRPxwG
While im copying the content of the pen into a file liran.svg there are the 2 following scenarios:
opening directly liran.svg with latest chrome - it works perfectly
Importing liran.svg to index.html (code below) - i can see nothing.
Maybe any exaplnation?
index.html
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="./liran.svg">
</body>
</html>

You did not import properly if it is the same folder with the index.html file use
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="liran.svg">
</body>
</html>
If it is the parent folder of the folder containing index.html use
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="../liran.svg">
</body>
</html>
Take a look a this link to learn more on referencing files in html and css How to properly reference local resources in html

bg color not showing in bootstrap

I'm trying to create a website from scratch, and for the life of me i cant figure out why this code won't accept BGCOLOR in the body header
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Tue, 17 Jan 2017 15:47:26 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<title>Test</title>
</head>
<body BGCOLOR="#013adf">
</body>
</html>
it seems that the line
<link href="css/bootstrap.min.css" rel="stylesheet">
is whats preventing it from loading? i don't know why though.

The bgcolor attribute is not supported in HTML5 (which is what you've declared by default with your DOCTYPE declaration at the top).
Easiest thing to do is use CSS instead.
Inline CSS.
<body style="background-color:#013adf">
<p>Your content goes here</p>
</body>
Seperate CSS File
body{
background-color:#663399;
}
<body>
<p>Your content goes here</p>
</body>

Internet explorer9 is opening my website in quirks mode automatically? How to fix it?

Here I am using html 5 doctype but IE9 rendering it into quirks mode automatically. I used a meta tag to fix it but it is not working.
Here is the my head section code and URl please fix it.
URL: http://www.dual-amps.com/SeeHearDemo3/hukf7vh4i/default.aspx
if full code is required please let me know..
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Dual Amplifiers</title>
<link rel="stylesheet" href="https://revenewonline.net/web/dual/dual_amplifier/LP/css/style1.css" />
<script type="text/javascript" src="https://revenewonline.net/web/dual/dual_amplifier/LP/js/jquery.js"></script>
<script type="text/javascript" src="https://revenewonline.net/web/dual/dual_amplifier/LP/js/tabcontent.js"></script>
<link rel="stylesheet" href="https://revenewonline.net/web/dual/dual_amplifier/LP/css/jquery.fancybox-1.3.4.css" />
<script src="https://revenewonline.net/web/dual/dual_amplifier/LP/js/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="https://revenewonline.net/web/dual/dual_amplifier/LP/js/common1.js"></script>
<link href="https://revenewonline.net/web/dual/dual_amplifier/LP/images/favicon.ico" rel="Shortcut Icon" />
<meta name="Keywords" content="Powerful Amps for Powerful Sound" />
<meta name="Description" content="Powerful Amps for Powerful Sound" />
</head>

Use below line in <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >

Hebrew on mobile web site

I am trying to build a basic web page for mobile devices, on my pc Chrome browser I see "???? ???? ???" every where Hebrew written. Here is my code:
<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="he">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="he" />
<meta name="GENERATOR" content="PHPEclipse 1.2.0" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="css/themes/light_blue.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<title>מניין</title>
</head>
<body>
<div id="wraper" data-role="header">בדיקה בדיקה הדיקה</div>
</body>
</html>
I am using eclipse IDE for developing. Any suggestions for how to solve this one?

Remove ; charset=UTF-8 and add <meta charset="iso-8859-8"> inside the document <head>.

what browser do you use?
on Chrome it works good