Load URL is not properly loaded on Apps' page - bigcommerce

The app page located under the apps tab is not rendering correctly. The request is coming in fine with the signed payload but the iframe (that loads the load URL) renders an empty page every time I visit the app page.
I try opening the exact page in a new tab and it's rendering fine:
https://staging02.pathdefender.com/app/bigcommerce/load?signed_payload=eyJ1c2VyIjp7ImlkIjo0NDA2MTYsImVtYWlsIjoiZGVubmlzQHRydXN0ZWRzaXRlLmNvbSJ9LCJjb250ZXh0Ijoic3RvcmVzL24yaXMwYTRjIiwic3RvcmVfaGFzaCI6Im4yaXMwYTRjIiwidGltZXN0YW1wIjoxNDQyODYyNjQzLjk4MzgyNTR9.MjFmNWFhZGU4ZjkyN2NkY2I4YzEwOTkyNzdjYjA4ZGU0OWE5MjU4MzRlZTYwNDc4ODNhNzU2MDliYWJlMmZlZA==
Do you know what's wrong with the page?

Related

Nuxt Static Generation Mismatch on Mobile

I'm experiencing a strange problem with Nuxt and Netlify with static generation on a JAMstack e-commerce.
I pushed my website on Netlify and everything went good, no error on console in the generation phase.
When i visit the generated site on desktop everything is fine and loaded correctly.
On mobile instead the content disappears! The dynamic content fetched from Prismic during generation won't load if navigate from the homepage (need to reload the page in order to view them).
I'll leave a netlify preview link of the build so you can experiencing the same problem.
Load the homepage (on mobile) and click the button "Shop Now", you'll see a page with no content; try reloading the page and everything will come back to normal.
I noticed that if you refresh or land in a page that it's not the homepage and start navigating the site everything works fine, so the problem only occurs when the start of navigation is from the homepage on mobile! Furthermore, if you land on the homepage, go to Shop Now, and then go back without reloading, even the content on the homepage disappear!
https://60352eb4c2e7180007325b89--leconturbanti.netlify.app/en
I can't understand why since there is no console error anywhere. While on desktop everything is fine. There's no css hide rule, no v-if for mobile, nothing. It seems like there's a bug on Nuxt hydration?
Anyone having the same problem?

Safari App Extension content script not loaded on Safari error page?

When running a Safari App Extension, if Safari shows "Failed to open page", your content script isn't loaded. In this sort of scenario, it might be nice to redirect the user to a new url or suggestions page such as "did you mean...".
Is it possible to get a Safari App Extension's content script to load when a Safari error page is showing up?
No, it does not appear to be possible.
Based on Apple's Safari App Extensions "About Permissions for Scripts and Style Sheets" documentation, I'm deducing that script injection only works on web content from http:// or https:// schemes, while error pages are loaded from local files.
A URL pattern takes the form Scheme://Domain/Path.
(...)
Scheme can be http or https. (...)
The asterisk character can be used anywhere in the domain or path, but not in the scheme.
For reference, here's the path of a Safari 13 error page template.
file:///Applications/Safari.app/Contents/Resources/en.lproj/StandardErrorPage.html

How to navigate to another HTML file without single DOM?

I have created a sample application with login page and home page.
i have loaded the login page as Main Page successfully and i have homePage.html/homePage.js files. What i need to do is, when i click on Login button from loginPage.html file, user should navigate to Home Page. I couldn't see any APIs fro navigate/load to different html files.
i referred some worklight samples it says loading on same HTML using div and pageport commands.
$("#pagePort").load("pages/homePage.html", function(){
alert("Home Page Loaded")
});
Can any one help me to get resolve, how we can load another html on click of login button?
Worklight is a single DOM application, hence the notion of "pages" is an artificial one.
You have 1 singular HTML file and what you need to do is replace content inside it to display different content, or "pages".
There are numerous ways you can accomplish this. None of them relate directly to Worklight, but to the framework you select to work with, be it jQuery, jQuery Mobile, Dojo, Ionic and so on...
The important thing to remember is to never navigate away from the index.html file because you will then "lose" the Worklight context and your application will then fail loading. The reason is because from the index.html file, you load various required Worklight-related files.
In this Worklight 6.2 project I demonstrate, using jQuery Mobile, how to navigate between pages. For your purpose, think of them as a mainpage that is a login page and then some other page that is the home page...
Related:
https://stackoverflow.com/a/25060136/1530814
https://stackoverflow.com/a/22171687/1530814

Facebook Canvas application anchor tags are not working properly?

I'm developing a Facebook canvas application in rails 3.1 and using the latest Facebook graph API.
In anchor tags, when I give the href='/something' it's working nice when I navigate in same browser tab. The link is pointing to my host URL like host_url/something host_url contains HTTP as well , but when I open this anchor in a new tab using right click of mouse and chose to open in new tab it open the URL http://host_url/something and not in Facebook canvas.
I also change the anchor href with http://apps.facebook.com/my-app-name/something when I click this link nothing is displayed and request is no coming to my host. When I open this URL in new browser tab it works fine.
Can anybody tell me what I am doing wrong?
You're not doing anything wrong - if you're using relative links that's what will happen, because the app content is loaded in an iframe
Change your links to be absolute URLs including the apps.facebook.com/[namespace] prefix if you want them to always link to the canvas app when opened in a new window

Making all Links in a Web View open in the Default Browser

I have a web view that displays a web page but I want all links on that page to open in the default browser. How would I do this?
Implement the WebPolicyDelegate so that any attempts to navigate are cancelled, and the URL opened in the default browser.