javascript debug with tabstrip

[Wenhao]

Hello Telerik,

I have now written a html 5 page with KendoUI TabStrip control to involve some other html pages in it. I am now stuck because I was wondering how to debug the inline javascript codes within nested paged. Neither firebug and chrome dev tools could detect the scripts, i mean i could not ever find the scripts file in the debugging tools. How coult i get over it, please help.

[kiya]

I have encountered this problem too

[Wenhao]

PLEASE! I am really frustrated. Kendo UI is a great set of HTML 5 controls, but this issue made us tough.

Any suggestion?

[Hennie]

Hi there,

I am experiencing a similar issue.

I use Visual Studio 2012 for development and debugging of JavaScript.

When I use the tabstrip control I can't seem to debug by adding a breakpoint in my file like I normally do in Visual Studio. The breakpoint never gets hit. However if I add a "debugger;" statement in my code, then execution will stop at that statement and I am then able to debug.

Any idea why this happens? I feel that adding "debugger;" statements in our code is messy and risky if one of those statements is left over in the code by mistake and somehow makes it's way into the production environment.

This is how I define my tabstrip in my JS:

$("#tabstrip").kendoTabStrip({

    animation: { open: { effects: "fadeIn" } },

    contentUrls: [

       "Page1.html?param1=" + param1,

       "../../Folder/Page2.htm?param2=" + param2

    ]

});

The code that I am trying to debug is in a JS file included in Page1.html.

Regards,
Hennie

[Iliana Dyankova]

Hello guys, 

This is due to file contents being consumed with Ajax and I am afraid there is no way to map to the breakpoint in your question.

Regards,
Iliana Nikolova
the Telerik team