i want to test a big asp.net website through Visual studio. are it is possible. are i need any other tool. if yes then tell me the name of them.
my means testing to "HTML code". means there is no problem in html code and they written in standard way
If you have Firefox you install the HTML Validator or Total Validator add ons.
If you have Opera, just right-click your page in the browser and you will see something like "Validate source" on the menu.
Or else, you can use the validator at w3.org. There, you can validate HTML by URL, file upload or by direct input.
If your site is online visit http://www.htmlhelp.com/tools/validator/ and run a recursive validation
Related
i am developing HTML emails and no wonder, making it good on outlook is painstakingly challenging.
is there any way you can inspect elements on outlook the way we usually do on browser console?
The best way to do this is to use a tool like Litmus or Email on Acid. You can send your code to lots of different environments, and then get screenshots - and resultant code - back.
In Litmus, in an email, you go to Builder -> Email Previews -> Outlook preview -> View processed HTML. It will give you a render & the final code.
While you can view the source in Outlook (see PaulS answer: Open email (double-click) > Actions > Other Actions > View Source), that gives you the source, which you already have. To get the rendered code, you can forward your email to yourself, and then go to view source. It will have a little bit extra at the top, but should be essentially the translated HTML.
Then, once you have the code, you can copy that to a new HTML file and open that up in Chrome/FF/your browser.
However, this is not particularly helpful. That's for advanced use-cases. If you stick to simple tables and inline CSS, and leave out HTML5 and CSS3, you'll be pretty much right.
In Microsoft Outlook, double-click to open an email. You’ll see an “Actions” menu under the “Message” tab. Click on that menu and select the “Other Actions,” then click on “View Source” to see the HTML code.
Simple answer, no.
There are ways to grab the source code using the steps #PaulS detailed.
I would also look into reading 'how-to code for Outlook' articles. Plenty of them out there and they'll give you an idea of where you could add Outlook only code to make your layouts work as they do in other email clients or simply learn how to adjust/adapt your code to work everywhere.
I am creating NODE.js app that use Nunjucks as view engine. I added tests to verify if the html created is valid (for now I just wanted to check if all tags are properly closed). In order to do this i spin up application, go to the site using headless chrome, making a snapshot and running validation code on output files.
The problem is that browsers try to fix HTML code automatically. They close tags by themself in order to create more or less valid HTML. Is there a way to disable this feature?
I would like to be sure that i created valid HTML document using nunjucks rather then counting that browser will fix it itself.
If you validate the source directly, Chrome will not change the HTML. Try this in your browser: view-source:https://stackoverflow.com/questions/65091531/disable-html-autofix-in-chrome
If you use the developer panel to inspect the DOM, Chrome tries to correct poor html. 😊
You could maybe just do a GET request to the application, and validate the result, instead of using Chrome.
I assume that <app-root> is from angular development.
However, I was under the impression that frameworks solve into html/js/css as they compile.
When I open a angular page, in the source code and go to the <body>, I can only see the <app-root> tag.
How does my browser read that?
Why can I not read the (html, should it not be?) source code?
Angular is a SPA (Single Page Application) framework. Basicaly, the app-root will be replaced in execution-time with the properly html/css/js when it's required, the whole thing is done internaly by the framework using javascript.
So, if you click to show the source code (CTRL + U on Windows), you will see only the app root. Of course, you can inspect the page with your browser console to see the "magic" going on.
You can understand better and more deep on the official documentation.
A lot of tutorials which can be downloaded have the file type of .chm, .pdf, .html, etc. I downloaded a Java SE tutorial of Java SE in HTML format. When I use chrome to view it and everything is good. But I just wonder how could I just directly highlight some useful information (e.g. text) when I use chrome to view it? The html files are local, I know that I could use some software to edit it, like using HTML tag <font color:> etc.
But I just want to highlight it directly in the browser like editing it in word. Is there any suggestion? Dose chrome support such kind of plugin? If you still don't understand what i mean, please refer to "clip to evernote", which is a plugin of chrome and can cut the pages and upload them to the evernote server. when I use evernote client to read them, I can directly highlight some words which is useful to me.
It's much more a SuperUser question, but ... There is a lot of plugins for highlighting web pages out there. You could try Yawas or Simple Highlighter
edit: ok, I think I understood better your problem ... Yawas, Simple Highlighter, as well as most other highlighters, don't hightlight on local pages.
I'm not sure there is such an highlighter available for Chrome, then. What I would suggest is to try opening you documentations with Amaya instead of Chrome. It's both the Browser and the Editor from the W3C; and since it has both functionalities, you probably will be able to do what you want on your local pages.
You can save it to your computer by clicking "Open a new tab containing a list of highlights and notes on just this page". Then you can save only the html contents to your computer with the name as you like. Don't try to use ALT to save the list of note because you will never see the contents what you want to save.
I have an online app that I am wanting to validate the HTML markup of against the W3C validator.
Problem is users need to log in first to access them.
How do I go about validating these pages?
With this html validator extension. Or by Ctrl-U, copy-paste into the w3c page.
You have to run the service they provide on your server:
http://validator.w3.org/docs/install.html
Thats what we've done, works great.
I think it's best practice to be validating your sites source when it's in development not when its in production... Treat this just like running unit tests. You shouldn't have markup errors go live either.
Assuming you mean markup validation, log in yourself, go to the page you want, view source, and use the direct input option.
I assume you mean w3 validator service. You can copy paste the html contents into the validator or save the html into a file and upload it. If you have Firefox Web developer extension, it provides a 'validate local HTML' option.
OmniValidator for Firefox:
Omnivalidator sends the content of the currently visible page to one
or more validation services configured in the extension preferences.
These validators may be publicly hosted (the defaults are the publicly
hosted W3C Markup Validator and Validator.nu) or hosted locally. The
results are retrieved from the validators, parsed, and displayed in a
collapsable error display panel and summarized with an icon and
tooltip on the Omnivalidator button, which can be placed on a browser
toolbar. Validation is initiated either by clicking on the
Omnivalidator button or by configuring URLs which are automatically
validated with one or more validators in the extension preferences.