Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Development Tools Website Optimization Chrome DevTools Basics The Resources Panel

James Finn
James Finn
7,055 Points

Resources Panel - .html bug

Hi, in the "Resources Panel", when I unfold the frames and drill down to the html file (listed last under the "Frames" dropdown), I click on the html file (.aspx, .php, .whatever), it is not displayed in the preview pane. Any clue? Weird.

Sean Edevane
Sean Edevane
9,133 Points

I've noticed that happening with Wordpress sites. My educated guess (Google isn't super helpful here) is that any dynamically generated page (whether it's built with PHP or another language) isn't actually an HTML page, so the resources panel can't display it. The HTML is still delivered to the browser, but not in a way that is accessible as a file via the Dev Tools.

James Finn
James Finn
7,055 Points

Sean Rogers hi, but I don't agree with that analysis. No matter how it's compiled, the end result of the source will be html. Besides, Dev-tools displays raw source without issue. The issue arrises only in the "Resources Panel". Weird because in the video Nick Pettit uses this functionality successfully.

Hi James,

Are you doing this on a remote web server like Nick is in the video?

I didn't try that out but just now I tried both a local html file not running on a webserver and a php file running with XAMPP.

In both cases I was able to see the html in the preview pane.

Is your preview completely blank?

I just tried out the smellslikebakin site the way Nick did it in the video and that works for me too.

Unfortunately, I'm not sure what the problem might be for you.

David Wolff
David Wolff
6,550 Points

I can't inspect the Fonts he is using, through the Resources panel - it is just blank and the title is different, from what is used in the video :(

James Finn
James Finn
7,055 Points

Jason Anello Thanks for the response. Well sir, seeing as how source files were not provided with this exercise, I just opened up a random page on the web and did the old right click "inspect element" to follow along. Everything went smoothly, accept this hiccup.

I tried your suggestion, and opened up a local project in the devTools, and had the same result as the remote test.

Resources Panel >> Frames >> *.html

reveals a blank page in the preview pane. Head-scratcher, no doubt.