Is there any way to check HTML\CSS source of an installed metro app?

Question

Hi,

I am developing Windows 8  metro apps using Javascript\HTML5. I want to know if there is any tool or way to browse the HTML source and WinJS controls of existing metro apps. Something Like,  Browsers' functionality to view sources of Web pages.

-Thanks

Nishant

Answer 1

Do you mean installed apps?

There is no tool that will allow you to attach to and debug (view the source) as it is running.  You can go to the install directory of apps and see some code however.  For example Weather is installed here on my machine:

C:\Program Files\WindowsApps\Microsoft.BingWeather_1.2.0.135_x64__8wekyb3d8bbwe

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

Nishant, 

Are you looking for a DOM explorer? I believe you can access one from "debug > windows > DOM explorer" as per here:

http://www.rachelappel.com/debug-and-run-windows-8-metro-javascript-apps

Best,

Chris

Answer 3

HI jeff

Why I can't get the permission to this folder ?

How to configure?

Answer 4

Hi

Please follow this tutorial， if you are in a work group, you should change the owner to you alias.

http://www.thewindowsclub.com/windows-8-metro-apps-folder-location

Hope it helpful.

This response contains links reference to a third party World Wide Web site.
Microsoft is providing this information as a convenience to you.Microsoft does
not control these sites and has not tested any software or information found on
these sites; therefore, Microsoft cannot make any representations regarding the
quality, safety, or suitability of any software or information found
there.There are inherent dangers in the use of any software found on the
Internet, and Microsoft cautions you to make sure that you completely
understand the risk before retrieving any software from the Internet.