X
Tap here to go to the mobile version of the site.

Fóram Tacaíochta

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How can I debug the downloaded webpage instead of the attempted download of the source?

Postáilte

The application I am developing requires authentication. After logging in, I access the program, for example http://<website>/<program> Now, when I press F12 and look in the debugger, the source for this program displays the login page source instead of the actual program that is displayed in the web browser.

The Inspector shows the javascript that I want to debug, but the debugger > sources shows the login page.

How do I debug the javascript that is displayed in the inspector? It doesn't seem to be anywhere in the Debugger tab of the developer tools

The application I am developing requires authentication. After logging in, I access the program, for example http://<website>/<program> Now, when I press F12 and look in the debugger, the source for this program displays the login page source instead of the actual program that is displayed in the web browser. The Inspector shows the javascript that I want to debug, but the debugger > sources shows the login page. How do I debug the javascript that is displayed in the inspector? It doesn't seem to be anywhere in the Debugger tab of the developer tools

Athraithe ag AdamKnight ar

Tuilleadh mionsonraí faoin chóras

Breiseáin Shuiteáilte

  • Shockwave Flash 23.0 r0

Feidhmchlár

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0

Tuilleadh Eolais

jscher2000
  • Top 10 Contributor
8758 réiteach 71663 freagra

Hi AdamKnight, the Debugger mostly shows the scripts used in the page, and those are seldom modified after load. The Inspector shows the current DOM as modified after download. I'm not sure what you would like to do with the page, but if you want to view or save the modified DOM as an HTML document, you could try either:

  • right-click the HTML element in the Inspector and Copy > Outer HTML and then paste that into your preferred editor
  • Select All (Ctrl+a) in the page, right-click > View Selection Source to launch the current DOM in a new tab
Hi AdamKnight, the Debugger mostly shows the scripts used in the page, and those are seldom modified after load. The Inspector shows the current DOM as modified after download. I'm not sure what you would like to do with the page, but if you want to view or save the modified DOM as an HTML document, you could try either: * right-click the HTML element in the Inspector and Copy > Outer HTML and then paste that into your preferred editor * Select All (Ctrl+a) in the page, right-click > View Selection Source to launch the current DOM in a new tab

Úinéir na ceiste

Hi jscher200, thank you for your quick response!

The inspector does show the javascript that I want to debug. But that same javascript cannot be found in the Debugger tab of the developer tools.

Hi jscher200, thank you for your quick response! The inspector does show the javascript that I want to debug. But that same javascript cannot be found in the Debugger tab of the developer tools.
jscher2000
  • Top 10 Contributor
8758 réiteach 71663 freagra

Could you try asking the dev tools team on their forum here:

https://discourse.mozilla.org/c/devtools

Could you try asking the dev tools team on their forum here: https://discourse.mozilla.org/c/devtools