Videos
I am not aware of any thing that will check html errors on all your pages on your devlopment machine.
HTML : I would use an extension for the browser such as HTML Validator for Chrome. Go direct to the website, flick through the pages and run the validator. This will find HTML errors for you.
SEO : The second part is to use a website to check all the pages, such as ahrefs for Search Engine compliance. It is free and you can either check your website right away or schedule it for nightly or weekly checks. You do have to create an account and verify that its your website.
I am not associated with either of the sites. But I use them both myself.
You can go to this web address and enter your URL - https://validator.w3.org/ and it will generate a report for you.
You can also use a site like GTMetrix https://gtmetrix.com/ to check the overall wellness/efficiency of your site, and it will generate a report of things that could be optimized, if any.
Visual Studio Code doesn't have HTML validation by default. But it allows you to add extensions and enable these features.
To add HTML validation (linting), open Visual Studio Code, and then press Ctrl + P. Then paste ext install HTMLHint in it, and press Enter. It will install an HTML validator. You may need to reload Visual Studio Code to load the extension.
Now if you open the same HTML document you had the syntax error in, you should see there's an issue shown at the status bar at the bottom :), and it will also show you the errors in those lines.
Visual Studio Code by default supports code formatting and it tracks the syntactical errors. If you create a new file and directly try to write the code then Visual Studio Code would not be able to understand which language or type of syntax the user wants to format or correct.
So, one first needs to save the new file with the proper extension, and then Visual Studio Code can properly identify the syntax.
The code formatting is available in Visual Studio Code through the following shortcuts:
- On Windows Shift + Alt + F
- On Mac Shift + Option + F
- On Ubuntu Ctrl + Shift + I
You can add Auto Close Tag from the Visual Studio Code marketplace.
Launch Visual Studio Code Quick Open (Ctrl + P), paste the following command, and press Enter.
Automatically add the HTML/XML close tag, the same as Visual Studio IDE or Sublime Text
ext install auto-close-tagVisual Studio Code integration for HTMLHint - A Static Code Analysis Tool for HTML
ext install HTMLHintProvides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. It also supports React's className attribute.
ext install html-css-class-completion
I just check stackoverflow, and found this one,maybe it helps you.
var xml = 'Caleb';
var parser = new DOMParser();
var doc = parser.parseFromString(xml, 'text/xml');
Check for XML errors using JavaScript
you also used to javascript error using firbug extension is used to show error javascript.
you get firebug using that link
http://getfirebug.com/