InAppBrowser unable to handle nested content? about cordova-plugin-inappbrowser

[janpio]

For the example:
Which file would you load in your IAB instance and then get a blank page? Which ones would work?

Can you load the page in your normal native browser?

Which platform?

[skrawn]

If I tell IAB to load Default.htm, the page is blank. I'm not totally familiar with what MadCap does with their scripts, but when you open Default.htm in a normal browser, the JS in the head loads and it goes to the Home.htm page. When you direct the IAB to load Home.htm, it goes to home page but none of the dynamic elements in the page or links to other pages are working.

[janpio]

I am not sure if you will get anything from IAB, but did you try to remote debug the problem and see if it can't load some URLs or there is some output in the console? https://ionic.zone/debug/remote-debug-your-app

[skrawn]

I know it can load external URLs like I can open wikipedia or apache.org in the IAB and they seem to work fine. Debugging is tricky though. When I run on an Android device, I can use Chrome to inspect the app as it is running, but since I launch the IAB with the _blank target, it opens in a new window and I can't use the Chrome performance tools to see what happens when the IAB initially opens. When I run my app as a Windows app, I run into a similar problem where the IAB opens but there is no way to inspect the content in the IAB from within the debugger (Visual Studio) nor anyway to see what, if any, output is being generated by IAB.

It may also be worth nothing that some things work differently depending on the target. For example, as a Windows app, the _system target does not work for me (likely due to an IT policy), the _blank target lets the hamburger menu open but there is nothing in it, and the _self target doesn't let the hamburger menu open at all.

[janpio]

What host are you loading the URL from? local or remote?

[skrawn]

It's a local URL. I have the files at www/assets/.

[janpio]

When I load the Default.htm from the example project I am redirected to ´Content/Home.htm` - which is a pretty standard website.

What you describe sounds a bit like a problem with loading data based on a relative path or something. The "base" in the IAB might be different than when loading the file manually in the browser or something - I would try to understand that.

One way: Find out how the files that seems to be missing are loaded, add links to the same URLs to the homepage and click them. Can the file be loaded?

[skrawn]

Interesting...would you mind sharing your Cordova project?

[janpio]

Sorry, I didn't create a Cordova project but downloaded the sample project you linked and tested in normal browser to understand what you meant.

[skrawn]

Alright, so I tried just placing a link to the home page from default and it was unable to navigate to the page. The path looks correct though:

Android Debug

I also made a bare bones example program: https://github.com/skrawn/MadCapTest This should be build-able in Visual Studio and on the command line.

[bbending626]

Hello skrawn
I am working on integrating MadCap flare help into an ionic-cordova project for both Android and Windows. I have the same issues.

Do you have a resolution?

Here is what I found so far:
Android:
target=_blank
url=help/Default.htm
Default.htm does not work, shows a bank page. The page doesn't redirect to Contents/Home.htm. If you open Contents/Home.htm directly then the help page is displayed but menu from hamburger menu don't navigate. This is some path issue, but I have not found the solution yet.
I am able to get the help page to display and navigate using iframe in a webview. It's a solution but I would like to use inappbrowser for both platforms.

Windows:
target=_blank
url=help/Default.htm
Default.htm and Contents/Home.htm open the help page and hamburger menu links work. The issue is in MadCap flare. You will need to unminify MadCapAll.js to make the mods. If you have MadCap software your modifying Xhr.prototype.Load function in MadCapXhr.js to evaluate document.location.prototype values equal to ms-appx: and ms-appx- web:.
prototype == 'ms-appx:' || prototype == 'ms- appx-web:'

Hope this helps.

[bbending626]

Haha. I thought that was odd. Bryon

…

________________________________ From: Sean Donohue <[email protected]> Sent: Monday, October 8, 2018 11:04:30 AM To: apache/cordova-plugin-inappbrowser Cc: bbending626; Comment Subject: Re: [apache/cordova-plugin-inappbrowser] InAppBrowser unable to handle nested content? (#285) Hello skrawn I am working on integrating MadCap flare help into an ionic-cordova project for both Android and Windows. I have the same issues. Do you have a resolution? Here is what I found so far: Android: target=_blank url=help/Default.htm Default.htm does not work, shows a bank page. The page doesn't redirect to Contents/Home.htm. If you open Contents/Home.htm directly then the help page is displayed but menu from hamburger menu don't navigate. This is some path issue, but I have not found the solution yet. I am able to get the help page to display and navigate using iframe in a webview. It's a solution but I would like to use inappbrowser for both platforms. Windows: target=_blank url=help/Default.htm Default.htm and Contents/Home.htm open the help page and hamburger menu links work. The issue is in MadCap flare. You will need to unminify MadCapAll.js to make the mods. If you have MadCap software your modifying Xhr.prototype.Load function in MadCapXhr.js to evaluate document.location.prototype values equal to ms-appx: and ms-appx- web:. prototype == 'ms-appx:' || prototype == 'ms- appx-web:' Hope this helps. Stop working today Bryon :) — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#285 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AgV5m1XR3q2YUibFV7MFdkgUmwx1PGZMks5ui4WegaJpZM4WGQjF>.