"Connect With twitter" for mobile websites - jquery-mobile

I am using #Anywhere code to implement the twitter signup functionality for my website
twttr.anywhere(function (T) {
document.getElementById("signin-btn").onclick = function () {
T.signIn()
};
});
Above written is my code to put "Connect with twitter" button on my website.
It redirects me to http://oath.twitter.com/................
and open a regular web page of twitter login for desktop browsers.
instead of the desktop size login page I want to open the mobile version of login page, as my website users will be the mobile users.
So they open my page in mobile, so i want twitters mobile version page to be opened
How can i do this.

It should redirect mobile users to a mobile page automatically. Have you tried testing it on a mobile? Or try setting your browser's User Agent to that of a phone.

Related

Facebook login on Apple CNA

Questions:
Is it possible to set up Facebook login for use in the CNA?
Does CNA documentation exist for developers?
Can you debug the CNA screen using any developer tools?
Details:
I have created a captive portal login page that uses an email submission form or a Facebook login button. The login button uses javascript as documented on Facebook's developer resources to open a window and log the user in.
Testing:
CNA: Clicking the Facebook sign in button redirects to the facebook login, after multiple clicks. Facebook login page allows submission of username and password but does not generate these entries from cookies. After submission, the page is blank and login is not completed.
Full Featured Browsers: In Safari, Chrome, Firefox, etc. the social sign is functioning and works as expected. All browsers redirect the user to the login page, the user may use the email submission button or the social sign to authenticate on the hotspot and redirected to a landing page. The problems only occur on the CNA.
Research:
Forums threads state that it's impossible to use Facebook login in this way but I'm not sold because Social Sign In seems to be doing exactly what I'm proposing. They claim to accomplish the login without using apps so I have to assume their using either a CNA browser or launching Safari directly. Some javascript is functional in the CNA but I'm unable to track down resources to explain exactly what the capabilities/limitations of the CNA are.
Thanks for any help on this issue

How do I get Oauth.io to work with mobile browser full screen mode?

I currently use oauth.io for login to fb, twitter, linked and instagram on a website application. Everything works fine accept for when the user hits the "Add to Home Screen" option and then uses the website by clicking on that home screen icon(fullscreen browser). I get a cross domain(I think)issue. I get this error right after login and no success function is run: "Unable to post message to http://www.example.com. Recipient has origin https://oauth.io."
Is there any reason that this only happens in the mobile fullscreen mode?

Link to Ionic page from external website

I'm integrating an Ionic app with a 3rd party web authentication framework. The framework requires that the user visit a web page to authenticate and then receive several authentication token cookies.
I plan to open a link to the external login page, have the user authenticate, and then be redirected back to the Ionic app.
I need a URL to the homepage of my app so that the login page can redirect the user back after logging in. How do I generate a a URL for a location in the Ionic app?
why not just use the in app browsers plugin so that the user never has to leave the app in the first place.
https://github.com/apache/cordova-plugin-inappbrowser
Our app has a blog and we use this
$scope.readMore = function (index) {
$scope.link = $scope.articles[index].WebLink;
window.open($scope.link, '_blank', 'transitionstyle=crossdissolve,toolbarposition=top');
};
by using the option _blank we can have the user open up a webpage inside the app not have to have the navigate away from the app in order to access a url, i also looks way better than a iframe.

Twitter page in UIWebView redirects to 'sorry, that page doesn't exist' error

In an iOS app I allow users to tap a Twitter button that takes the user to a specific Twitter page in the Twitter app, if installed, else a mobile version of their Twitter page in a webview. Currently, the mobile version is redirecting to an error page. This is also happening in Safari, while the exact same URL works great from a desktop computer.
Open https://mobile.twitter.com/iamdevloper in a UIWebView or in the Safari iOS app
Notice redirect to https://mobile.twitter.com/error/generic
Did anything change in the structure of the url? Is it just broken right now?
This appears to now be fixed. Must have been a temporary bug while Twitter was making updates to their mobile site.

How do I prevent the facebook login page from taking over my home page app?

I have a iPad home page app that I'm trying to integrate a facebook like button. Everything works fine if the user is already logged in, but if the user is not logged in the facebook login page takes over my app page and after login does not return to my app. Is there a way to make facebook login using an iframe?
My app is a web app not a native IOS app. It is setup with a manifest file and the user adds it to their home page. Because the app can have different URLs and all we want to do is provide like functionality, registering the app is not available to me.
What I want to know is there a way for facebook to open the login page in an iframe like the like dialog when the user clicks the like button? Right now I'm using the social plugin for the like button, but if the user isn't logged in to facebook the login page replaces my web app. Is there a way to make the login page use an iframe?
Wrapping it in a <div> worked for me

Resources