Chrome blocking my paypal button - google-chrome

Installed a paypal button on my landing page but Chrome's seeing a popup and blocking it. Not ideal for people who actually want to pay.
You can reproduce the problem here: https://snapstories.leadpages.co/paypal-button-test/
Any way around this?

Ideally if you want a popup based experience with paypal, you should use the checkout.js javascript integration:
https://developer.paypal.com/demo/checkout/
https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/add-paypal-button/

Related

Facebook Instant "PLAY" button not present

My Facebook Instant app does not have a play button, so it's not possible to launch the app via sharing.
Could someone outline what I need to do to get this button to appear please?
I've set up everything (including an app page) in the dashboard. I'm assuming it has something to do with the "fbapp-config.json" file, but sample app doesn't seem to have the most common use case.
I assume don't need a self-hosted bot just to launch my app?
As discussed elsewhere (as I am unable to comment on Stack Overflow) I clarified that this is the Messenger share from the app details page. This looks like a bug on the Facebook side, as this reproduces for me.
For context, I am an engineer working on the Facebook Instant Games team. We will look into fixing this and update here when it is fixed.

How do I make a website show up in a Google Chrome Extension Popup

Basically, I have this chatting website.
I want it to open up the web app inside of a popup, and I would also like for it to create a notification when I have unread messages.
I need to know if I can make it so it opens like it's in a website, or if I need to completely rewrite the coding.
You can in principle try to embed an iframe in the popup to show the webapp, but a popup page is completely destroyed when you close it, so it won't stay connected that way.
You would probably need another way.
It does not seem like Hall has any public API that you can use.
So probably your only option is to use a content script to interact with Hall opened in a tab. If you're adventurous, you could try to embed an iframe in your background page and interact with it there, but Hall may disallow framing.
All that said, I'm not so sure Hall will appreciate creating alternative software to interact with it.

Safari extension full control over tabs

I have made a chrome extension that I should convert to safari and firefox. That's fine, but I want to have full control over tabs. In my chrome extension I have full control over the tab even if user changes location (index) or drag the tab to a new window. With Safari's API, I'm not sure if I can achieve the same control. I could not find any events that can give me information about these events. I will probably be able to achieve the same control with various tricks, but would rather avoid it if possible. Hope there is someone who has had the same challenge and solved it in an elegant way. thank you in advance.

Paypal hybrid app

I have managed to integrate a donate paypal button in a Cordova app:
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' target='_top'>
...
</form>
All works fine except that when the button is pressed, a new window appears and completly covers the app webview making it impossible for the user to go back to the app (the only way is killing the app process), which I think is a very bad user experience.
Things that I've tried:
target='_blank': same result
target='myIFrameName': Cross-domain problem
Post the form via ajax and put result in a div: Form must be calculated on the fly error (with $http.put in ionic, haven't tried with jQuery)
Please, any solution?
The best one would be to have the paypal window inside the current webview not covering header, as I could place a back button there (something like iframe solution that could work with cross domain) but also could be with placing a link to go back in the paypal donate page. I haven't investigated deeper enought the paypal plugin at this location: https://github.com/paypal/PayPal-Cordova-Plugin. anyone knows if it could do the work? (I've already opened an issue there asking for this feature)
Why not use a inApp browser ? Cordova InAppBrowser
And call cordova.InAppBrowser.open( url, '_blank', 'location=yes'); on a button click function, or whatever suits you.
_blank = inside the app
_system = system's browser( will redirect you from app )

Chrome dev tools on all tabs

I'm trying to see a POST request that my browser is making on a certain form.
My problem is that the form is opened in a popup window (js initiated) and when the form is submitted it automatically closes the popup. So when I'm trying to use the developer tools' networking tab I can see the post request but don't have enough time to look into it since the window is closing too fast.
Even if I choose 'preserve log on navigation' it doesn't appear anywhere since the entire window is closing on submit.
Is there a way of opening the developer tools in the context of the entire Chrome application instead of a certain tab?
I don't believe there is. The best two solutions I can think of (that don't actually answer your question but I think achieve your aim) are:
Use another tool like Fiddler - http://fiddler2.com/ It's really good but only available for windows :(
It's a messy workaround but you could just comment out the line that closes the window while you carry out your debugging and then reinstate it once the issue is fixed.