AMP:Building Accelerated Mobile Pages
上QQ阅读APP看书,第一时间看更新

Developer tools console

The browser developer console is probably the easiest way to start validating your pages. Since the validator is included in the AMP-JS library, you can validate every page out of the box. To validate an AMP page, open the page in your browser, and add #development=1 to the URL. Your URL will look something like this:

https://theampbook.com/ch2/news.amp.html#development=1

Or, if you're working locally, then your URL will look something like this:

http://localhost/news.amp.html#development=1

Now, with the developer console open, reload the page. You should see some validator output in the console that looks like this:

AMP validation errors in browser developer console

Ouch! Look at all those red error messages. Each one is telling us about some issue with the AMP page. To get all the benefits of AMP, we will need to address each of these errors to fix our page so that it validates. This will become an important part of your AMP workflow.