Javascript Console window not available in HTML5 preview. | Community
Skip to main content
tarekahf
tarekahf
New Participant
April 25, 2016
Solved

Javascript Console window not available in HTML5 preview.

  • April 25, 2016
  • 7 replies
  • 3412 views

We have a lot of XFA forms with complex Javascript code. We used to use the Javascript Console Window (Ctrl-J) to debug the code. Now, under HTML5, I am unable to view the console window, and I cannot debug the code and find out what are the errors and exceptions.

Appreciate your feedback to let us know how to view the console window (Ctrl-J) under HTML5 preview mode, and if this is not possible, then how to troubleshoot Javascript code?

Tarek

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by sudhansh

    Hi Tarek, 

    During the development phase you can try using the debugger statement before the code snippet you want to debug. For reference: http://www.w3schools.com/jsref/jsref_debugger.asp

    7 replies

    tarekahf
    tarekahfAuthor
    New Participant
    May 19, 2016

    Hi sudhanshu.singh,

    Appreciate your help again...

    I noticed that when there is exception while executing unsupported Javascript (as per snapshot below), the execution just stops without any error reported.

    Also, I am unable to edit the code during runtime (with the yellow background). Usually, I am able to edit the code on the fly without any problem.

    Appreciate your feedback.

    sudhansh
    sudhansh
    Employee
    May 12, 2016

    If you are currently working in a development environment where the server can access a shared location where you can place the XDP files, then you can use the contentRoot parameter to achieve this.

    Reference url: https://helpx.adobe.com/aem-forms/6-2/rendering-form-template.html

      tarekahf
      tarekahfAuthor
      New Participant
      May 12, 2016

      sudhanshu.singh wrote...

      Hi Tarek, 

      During the development phase you can try using the debugger statement before the code snippet you want to debug. For reference: http://www.w3schools.com/jsref/jsref_debugger.asp

       

      Yes ...! Thank you cool ... see below snapshot... it worked.

       

      One more question please ....

      This means that I have to check-out the file, changes the code as needed, then check-in the file so that the new changes are available on the server. Correct?

      Is there a way to do the testing without the need to perform the check-out/check-in operations?

      sudhansh
      sudhanshAccepted solution
      Employee
      May 12, 2016

      Hi Tarek, 

      During the development phase you can try using the debugger statement before the code snippet you want to debug. For reference: http://www.w3schools.com/jsref/jsref_debugger.asp

        tarekahf
        tarekahfAuthor
        New Participant
        May 11, 2016

        TundraSteve wrote...

        You can use the browser developer console by pressing F12.  You can set breakpoints and debug directly in the browser.

         

        I tried to use F12 to debug the javascript code I write, but I didn't find it using the developer tools. It seems it is hidden somewhere difficult to reach.

        I appreciate it if you can give more details how to do that.

        Tarek

        tarekahf
        tarekahfAuthor
        New Participant
        April 25, 2016

        Ok, I see. But, how I can debug the code using LiveCycle Designer HTML5 preview tab. If I have to use the browser, then I must publish the completed work every time I make modifications. This will be very time consuming and annoying.

        Tarek

        U
        user7587541
        Employee
        April 25, 2016

        You can use the browser developer console by pressing F12.  You can set breakpoints and debug directly in the browser.

        Terms & ConditionsAccessibility statement

        Loading footer...