[Dev tool] >[Debugger] > [Sources] not showing all the resources & [Save Page As] Problem
[How I encounter this]
In the website I'm Viewing (http://www.koder.com/bounties) In their server, they configured "/" to be always redirected to "/bounties".
But when I [Save Page As] to download all the page contents to my local, I noticed the icons aren't working for me. ( I tried to use chrome to [Save As] too, but the icons aren't working too )
So I tried to checkout what sources are loading in the browser, via dev tools in Firefox.
[Problem 1] - not showing all the resources
In the Firefox dev tool, I saw something like this ( https://i.imgur.com/B7FpL14.png ) It's only showing the directory tree for JavaScript, which I found no way to clearly see what all the file structure is, or even find the font files. In chrome, at least I can see the file structure logically, and checkout the font file really exists ( https://i.imgur.com/jUNxoPC.png )
[Problem 2] - [Save Page As] not downloading all the resources
As you can see, the resource config on their server made them have to write something like ` src: url('../fonts/stack-interface.eot?33839631');` to access the resources on the server. ( https://i.imgur.com/AeHyibE.png )
But both of the [Save Page As] utility in Firefox or Chrome, works in a way that saves the project in a different file structure, and modify all the paths to the new file structure. I know this is for convenience reasons ( you can download it & start open it as the same, no need to configure )
But they're not downloading the font files in "http://www.koder.com/themes/v2/fonts/socicon.ttf"
I'll have to download them all by the structure I saw in Chrome, and hardcode the urls to get all the resources.
I think this should be something that's logical to add ?