Tips for debugging view lifecycle method inside client-side human services
To debug your views inside a client-side human service, you need to use the debugging
features of your browser along with the debugging features of the inspector view.
- Open the client-side human service that contains the page that uses the views you want to debug.
- Click Debug
in the upper-right corner. The inspector opens, pausing on the first step of the client-side human service after the Start event.
- When the client-side human service playback window launches, follow the browser-specific tips to add breakpoints and debug the lifecycle method for your views.
Internet Explorer 11
- Open the Developer tools from the tool bar or by pressing F12 and go to the Debugger tool.
- In the Inspector, click Step Over
to move to the page that you want to test, then click Step Into
begin debugging the page.
- The Internet Explorer Debugger tool stops at a debugger statement at the beginning of the page initialization. You can see the generated page for the page.
- Locate the view lifecycle method code and set breakpoints as required.
- Continue normal JavaScript debugging in the Internet Explorer Debugger tool.
Google Chrome
- Open the Google Chrome Developer tools.
- In the Inspector, click Step Over
to move to the page that you want to test, then click Step Into
begin debugging the page.
- The Google Chrome Debugger tool stops at a debugger statement at the beginning of the page
initialization. You can see the generated page for the page. Note: You might encounter an issue where Chrome Debugger does not display the generated page for the first page in a client-side human service. If this occurs, click Resume script execution in the Sources tab, wait until the page is loaded, then close and re-open the browser debugger. Next, click
again in the Inspector to restart the debugging process. If the browser debugger is closed, re-open it. This causes the Chrome debugger to refresh and properly display the generated page for the first page.
- Locate the view lifecycle method code and set breakpoints as required.
- Continue normal JavaScript debugging in the Chrome Debugger tool.
Mozilla Firefox
- Open the Firefox Debugger.
- In the Inspector, click Step Over
to move to the page that you want to test, then click Step Into
begin debugging the page.
- The Firefox Debugger tool stops at a debugger statement at the beginning of the page
initialization. You can see the generated page for the page. Note: You might encounter an issue where Firefox Debugger does not display the generated page for your page. If this occurs, click Click to resume in the Firefox Debugger tab, then right-click on the playback window and select to reload the page iFrame.
- Locate the view lifecycle method code and set breakpoints as required.
- Continue normal JavaScript debugging in the Firefox Debugger tool.