Usually, when you browse mobile website on iPhone it displays correctly.
But when I put the same website in iframe and try to access it through another website,
the mobile website is stretched and zoomed out, as if it is displayed on the desktop browser.
How to fix it?
Usually a website that offers a mobile version asks which kind of client is calling the URL. Your iPhone's browser provides that information. When accessing the site through an iFrame, the client information can't be passed to the target website but only to the surrounding HTML that defines the iFrame.
iFrames generally are not recommended to use on iPhones.
See there:
iFrames and iPhones
Related
Quick question. I've created a number of iframe apps for Facebook which work fine on PC, Mac etc. But not on mobile devices. The icon just doesn't show when you visit the page. I assumed this was because I'd not defined a mobile site URL. I've now done this, but I'm still not seeing an icon. Am I missing the point?
Thanks.
what icon do you mean? if you defined your mobile site url correctly, your app shows up in the search field. if you're talking about a page tab, it's not possible at all. the mobile native apps don't support this. but you can always link to your mobile site url in newsfeed!
I currently have a custom app on Facebook that works fine on desktop PC's (full version of Facebook). As you would know you can't access custom apps from mobile devices and it redirects you to the wall of the page.
Is there a way to redirect them to a mobile web app if they try to access the app from a mobile device? So that way when people share links to the app I can at least show them something.
I saw the Mobile Web URL option in my app but am unsure on how this will actually work.
You are referring to the "mobile tab access" Vitrue announced this week? :)
What they are doing is this (basically):
Create a special link to the tab (mydomain.com/tablink1 or something, NOT the ?sk=app_xxxx URL in the browser bar)
On that link they have code which does a conditional redirect
If it's a regular browser/device, redirect to the tab (?sk=app_xxxx)
If it's a mobile browser/device, redirect to an alternate mobile webpage with the same content as the tab (mydomain.com/mobilecontent1)
The redirect is not on the actual tab, since the mobile browsers will never get there. It has to be on a separate page.
So if they try to access the tab on a mobile device with the regular tab URL they will not get redirected. It only works if they go to the special redirect URL. Vitrue's application publishes that special redirect URL to the Page wall.
It works very well to make sure everything you post to your Wall (which mobile users can see) does not break, but it does not really provide a redirect for mobile users trying to get to your tab.
That's the best we can do right now though, until Facebook actually comes up with a mobile tab solution (bug filed here: https://developers.facebook.com/bugs/264010470314544)
Good luck!
Up until about 2 weeks ago, if you visited a Facebook Fan Page on an Iphone through safari (not the Facebook App), it brought you to the normal internet version of the site. This made it very easy to have control over what people saw first when they visited the page by creating an app and then specifying the app related tab (page) as the default landing page for users.
In this way you could include a "like / reveal" (Fan Gate) page and have the same type of incentive and offer translate directly to the iphone viewers as it had been seen on the internet using a computer. (still not sure how it looks on Android)
Since they added the redirect that forwards mobile browsers to their m.facebook.com page, if you try going to a specific fan page, it brings you to the "Wall" as the default and doesn't seem to even show the special tabs you created through an app -completely ignoring what ever defaults you had set up in the app!
Has anybody figured out a way to have a mobile browser pay attention to the default page named in the app or somehow disable the mobile browser redirect so it goes to the standard page. This is very important for using with QR codes, since you used to just link the QR directly to the fanpage address and it worked pefect, but now simply leaves the people a little confused about the offer you were promoting.
Thanks for any help on this!!!!!
Does anyone know of a way to disable the mobile browser detection and redirect feature of Facebook via querystring parameters?
For example, if I go to www.facebook.com/CraigslistGenie in a mobile browser, I get redirected to http://m.facebook.com/CraigslistGenie. I would like the user to stay on the www version of the page.
you either change the user-agent to achieve that or you add ?m2w to the link i.e. http://www.facebook.com/CraigslistGenie/?m2w does NOT redirect (tested on Android) while http://www.facebook.com/CraigslistGenie does redirect to http://m.facebook.com/CraigslistGenie
For reference see here and here.
The first answer is correct, however if you want it to work on an Android phone (and keep working when you click on links within the site) you need to go into the browser settings (after you've gone to the http://facebook.com?m2w) and check the "Desktop version" setting.
This will prevent the browser from constantly trying to send you to either the mobile version of the site or the FB app.
Method given by Yahia is good. Adding ?m2w to link means converting mobile to web view.
Or,
Change settings of mobile browser i.e. User Agent. Both Steel and Dolphin browsers allow you to change that setting however. Both are free in the market. (I am not doing any marketing of browsers.)
Some of you may have noticed that, despite changing the User-Agent in the browser, you are still sent to a mobile website anyway. Check this patches given.
Check this huge discussion about tricks used for hiding mobile browser.
For example, the following URL shows the app in a tab:
https://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325
But when on a mobile device it redirects to the mobile site and does not show the tab or even have a link to it:
https://m.facebook.com/just.to.get.a.rep?sk=app_203403406338325
I even have the application tab set as the Default Landing Tab for this page, but cannot get the pap to show for the page. Is there another format we need to develop for the App to support mobile? Ideally we would like to show the tab on iPhone app and other mobile viewing.
If you're in control of the link the user clicks on to reach your fanpage/pagetab-combination, then try adding a GET parameter ref=ts
h++ps://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325&ref=ts
Apparently this prevents the redirect to the mobile version of facebook.
There's not currently any way to see App-provided Page tabs on the m.facebook.com site
Mobile web apps are supported, but they're not tied to the Page and need to be manually linked-to or bookmarked, the tab functionality simply doesn't exist now.
Currently you can develop application functions such as app authorisation but sadly no, you can't display standard iFramed tab apps, I suspect this is because of slow 3G data speeds and the fact that Facebook wouldn't want the mobile experience being any slower than it already is (dependent on external hosting etc).
Many of my larger clients are begging for it. The only workaround I use is to build an external page with the same content used in the iFrame - then you can direct users to the tab or mobile users to an external link.
https://www.facebook.com/pagename/app_000000000000000?ref=page_internal
as of now ref=page_internal is working as a work around.
You can redirect Mobile users to a specific mobile website, and have desktop users redirected to your page tab app.
Detailed instructions for doing this are available here:
https://stackoverflow.com/a/15860533/121285