Is there an equivilant to <link rel="apple-touch-icon"> for the BlackBerry PlayBook?
I would like to show a custom icon when users add my web application to their home screen. The application is purely web-based (not WebWorks), so there is no code on the device.
Related
I just made AMP pages for my website, and everything seems to be fine when I test the website through desktop browser (Chrome), both in normal view and phone-view.
However, I just attempted to access a webpage through Google (which is now showing the amp icon), but when I visit the page, the fontawesome icons aren't showing, which hurts the user interface.
I have this code in the section.
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.4.1/css/all.css" integrity="hidden" crossorigin="anonymous">
Any ideas why the icons aren't showing up on mobile?
After some more digging, I finally found the fix for this.
The resources are being loaded through cdn.ampproject.org, and you get a custom subdomain for your own domain, so lets say your domain is example.com, you need to whitelist example-com.cdn.ampproject.org in Font Awesome.
I'm developing a desktop and mobile PWA using Ionic 3/Angular 4. I publish it in a https server from Amazon. The app is open via desktop browser, mobile browser or via home screen icon in mobile devices.
When I publish a new version and open the address in the desktop browser I get the most recent version of my app. When I publish a new version and open it via mobile browser or home screen icon I get the old version of my app.
I thought that that the PWA should manage its version by itself.
How could I force the update of my app on mobile devices?
Today I was browsing "how to migrate jimdo CMS to WordPress" from the internet.
And I've got a website with some details.
Here is the URL of the website:https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/
When I click over that website's link, after the website is loaded, I saw a window like this: "Add this website to home screen ".
When I choose"yes", the browser automatically created an app for that website in my home page. My Device is android, so I clicked the home button of my phone and clicked over the apps icon. Then an app is just opened. The app doesn't looks like chrome because it doesn't have the address bar. I didn't installed any freelancer apk file.I tried to close and uninstall that app. From home screen, when I hold over the app icon, I saw" remove " text on top of my phone's screen. It means that the app I've hold is not an actual apk. It's a widget or something which is created by the chrome browser by command of that "https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/" website. I want to add that feature in my website, which is a sub domain:sslclive.jimdo.com
Is anyone anyone knows how to add that feature in my website?
That feature must be maid by some kind of HTML/JavaScript code.
If anyone knows, then please answer.
And sorry for my worst bad English
You need to add this meta tag to tells the browser to launch your page fullscreen
<meta name="mobile-web-app-capable" content="yes">
You can also add an icon using a manifest:
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/#launching_a_page_fullscreen_from_home_screen
I am developing an App with Onsen Ui 2 and Cordova. Now I bought a new Pc and copied the by cordova created App folder(with Onsen UI 2) to my new Pc. Here I opened my index.html file on the computer and the font i 'normal' not material. How is this possible, how to change this back?
PS: I have not installed cordova yet on the new Pc
Picture of it: Not Material
Make sure you include the roboto font files, they are not packaged with onsenUI. Add this e.g. to your index.html:
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,700,700italic,500italic' rel='stylesheet' type='text/css'>
Or download the font somewhere on the web and include the css.
If the problem persists, run the application in your browser and use an inspector (e.g. Firebug) to see which file is not loading and check if this file is available on your filesystem or on the web.
I am building mobile app for Android and iOS platforms using Phonegap. I want to use a html5 document viewer to display pdf's, ppt's and all in the mobile app.
I saw Crocodoc. Its good, but i need to something open source which i can tinker with.
Can you please suggest if currently there are any open source solutions to display documents in the mobile app ??