I have setup a Mediawiki family and installed the Mediawiki Mobilefrontend Extension for better mobile usability.
The extension documentation says that it is used on Wikimedia projects (like Wikipedia).
The extension gives the same look as what Wikipdia looks like on mobile, however, I noticed a big difference.
The Wikipedia on mobile seems to go to a mobile subdomain, in addition to the format that the Moileforntend Extension provides.
for example, a page about the "World Cup" has this url when viewed on a desktop computer:
https://en.wikipedia.org/wiki/World_Cup
while it has this url when viewed from a mobile phone:
https://en.m.wikipedia.org/wiki/World_Cup
My questions are:
1- Is this really a redirection to a mobile subdomain? or a mirror installation?
2- What are the benefits of redirecting to a subdomain while the Mobiefrontend extension provides the formatting already.
3- How does the data gets synchronized between the main site and the mobile site?
The answer is mentioned in this part of the configuration.
Related
I am working on writing my first serious website as a personal project and would like to test it for mobile friendliness and compatibility before I go through the process of actually configuring the FTP, etc. Is there a way to do this using just the files locally on my computer? I've tried to research a way to just upload all the site files and view how everything would look on a mobile browser, but I have not been able to find anything. Or, is there a way to open the HTML files on my phone in a browser, i.e. Chrome?
the best way -> https://www.google.com/webmasters/tools/mobile-friendly/
Google Offers Tips to optimize your site template and a higher quality of mind
You can test your website using google webmaster tool here.
If you wanted to test it locally then you can try different extension for different browsers.
for chrome check this extension it will help you a lot.
In addition to others - http://www.mobilephoneemulator.com/.
And of course, you can test your website with your smartphone.
This emulator has a nice feature, when you click in the "share in home screen" option, it works as a app, offline and out of a browser.
https://gameplaycolor.com/app/
I intend make something like it, but I have no idea how can I do. Which technique it website use?
Thanks in advance!
Placing websites on the homescreen is native iOS. As a website, you can extend this, by enabling your website as a 'web app', like you described. For this, you use a number of meta tags in your code. Please see this support document by Apple on how to configure your website so users can save it to their homescreen as a web app.
Moreover, you can specify a startup screen, the color of the statusbar, and some other things.
I am working on a site that has a mobile site: http://www.exchequersolutions.co.uk/m/ I am trying to create a link to the desktop site with out much luck.
When the user clicks on a link I want them to be taken to the desktop site.
The link in the anchor tag is:
<p><a href="http://www.exchequersolutions.co.uk/contractors/cis-self-employed/cis-form/" target="_blank" class="cis_register" >Register Online</a></p>
Does anybody know how or even if this is possible?
Is not possible.
Every browser implement a function to save a link on OS FileSystem (drag&drop or file > save as ...).
You're stuck in a loop caused by user-agent detection.
It looks like there is device detection on the desktop site that uses the user-agent to identify mobile devices. If you follow a link to the desktop site using a mobile phone, you'll just be sent back to the mobile site.
There are a few different ways you can fix this, but it depends on your site architecture. One way would be to disable the redirect on the desktop site if you include a specific parameter in the query string. Another option would be to set a cookie and use that to disable the redirect.
I have page where RSS icon is present. I want that when user clicks on RSS icon it will check in chrome browser that, whether that RSS reader chrome extension is installed or not
I am trying to achieve this by using chrome extension methods, mentioned here.
I tried something like this but it is not working:
var port = chrome.extension.connect("nlbjncdgjeocebhnmkbbbdekmmmcbfjd");
To use this API you need to be either an extension or a web application having the necessary permissions - normal web pages cannot access it. However, detecting whether an extension is installed in Chrome is still easy:
<script src="chrome-extension://nlbjncdgjeocebhnmkbbbdekmmmcbfjd/manifest.json"
onload="alert('installed')" onerror="alert('not installed')"></script>
This uses the fact that the extension's manifest.json file is located under a predictable URL and that web pages are allowed to load this URL. Of course, this isn't an officially documented approach but rather a loophole and a privacy issue. So be prepared for it to stop working in some future Chrome version. At the moment it works however.
is there any list which HTML5 features the UIWebView supports and which not? I am interested mainly in:
1) localStorage/sessionStorage
2) offline manifest
3) web sockets
4) web workers
In pre-iOS4 there was not an offline manifest support, which was necessary to program in objective-C, which - when done broke the localStorage support, since the UIWebView does not allow sharing localStorage content between pages accessed online and pages manually downloaded and stored in the file system, because the URL was different
Thanks a lot
BR
STeN
The right answer ought to be caniuse.com which is currently the best site for non-mobile browser info. From what I've found there is no other site which has this sort of information. I would encourage you to encourage the maintainer of caniuse.com to add mobile browser information. You can do that by posting here:
http://a.deveria.com/?p=82#comments