I am looking for a code/tool that can arrange/format html & Javascript. Most source-code on web-sites have only a few lines for all the coding. I like to downlaod some sites and do some formatation, so each command is in a new line.
示例代码。
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="styles/main.css"><title>Example</title><meta name="description" content="example page"><meta name="keywords" content="example"></head><body><header><img src="images/logo.png" id="img_logo"><nav><input type="image" src="images/hamburger.png" id="button_nav"><ul><li><a href="#" class="active">a</a></li><li><a href="b/">b</a></li><li><a href="c/">c</a></li></ul></nav></header><article><br><h1>Example</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Etiam tristique tristique lacus in varius.<br>Donec nec vestibulum ligula.<br>Aenean turpis diam, feugiat a luctus in, rhoncus eget risus.<br>Maecenas consequat porttitor dui, vitae consequat massa imperdiet ut. elit ut tempus lobortis,<br>eros leo molestie velit, non egestas augue nulla eget erat.</p><script>function loadScript(scriptURL) {var scriptElem = document.createElement('SCRIPT');scriptElem.setAttribute('language', 'JavaScript');scriptElem.setAttribute('src', scriptURL);document.body.appendChild(scriptElem);}</script></article><footer><a href="#">http://example.com/</a><br></footer></body></html>
格式化的输出。
<!doctype html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/main.css">
<title>Example</title>
<meta name="description" content="example page">
<meta name="keywords" content="example">
</head>
<header>
<img src="images/logo.png" id="img_logo">
<input type="image" src="images/hamburger.png" id="button_nav">
<li><a href="#" class="active">a</a></li>
<li><a href="b/">b</a></li>
<li><a href="c/">c</a></li>
</header>
<article>
<h1>Example</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
Etiam tristique tristique lacus in varius.<br>
Donec nec vestibulum ligula.<br>
Aenean turpis diam, feugiat a luctus in, rhoncus eget risus.<br>
Maecenas consequat porttitor dui, vitae consequat massa imperdiet ut. elit ut tempus lobortis,<br>
eros leo molestie velit, non egestas augue nulla eget erat.</p>
<script>
function loadScript(scriptURL) {
var scriptElem = document.createElement('SCRIPT');
scriptElem.setAttribute('language', 'JavaScript');
scriptElem.setAttribute('src', scriptURL);
document.body.appendChild(scriptElem);
</script>
</article>
<footer>
<a href="#">http://example.com/</a><br>
</footer>
</body>
</html>