I would like to automatically check that the project contains all the necessary files (.js, .css, images, fonts).
There is a php curl-parser that parks the bootstrap templates and stores locally all html files and all the resources that are included there (as far as it can). Converting the paths <img src=""> , <script src=""> <link href=""> into relative ones. The output is a set of html files:
- index.html
- profile.html
- login.html
- 404.html
- etc.
And a set of css, js, images, fonts:
- assets / jss / *
- assets / js / *
- assets / images / *
The problem is that the parser misses something. For example, additional files inside the font-awesome.css include: http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') The parser does not kravlit them. Somewhere you can miss some pictures.
After the parser has worked, I manually run through all the pages of the topic and see how the pages look and if there are any errors in the browser console.
How can you automate this? Automatically find broken links? For example, when css is loaded inside another css or as in the example with font-awesome.
I imagine it like this: give the input index.html. Then someone ( browser emulator ) renders the page, loads all the resources, passes through all the links and also renders. And gives what resources could not download. Everything is under linux.
