cubiq / add-to-homescreen

Add to home screen call-out for mobile devices
http://cubiq.org/add-to-home-screen
2.29k stars 747 forks source link

Info Windows phone #81

Open Deltafox79 opened 10 years ago

Deltafox79 commented 10 years ago

Hello, I know that this script currently does not work on Windows Phone,

I saw the code and I know that this request is in TODO ..

As a developer I be able to test on my Windows Phone Nokia Lumia 820 possible release. (I have preview developer release Win 8.1 Phone) and IE browser have a possibility to ADD to Start Web Page...

greetings Paul

cubiq commented 10 years ago

I need to know how to identify the browser and it IE has a method to detect the web-app-capable apps.

Deltafox79 commented 10 years ago

This is my UserAgent for my Lumia 820 whit latest windows Phone 8.1

Mozilla/5.0 (Windows Phone 8.1; ARM; Trident/7.0; Touch; rv:11.0; IEMobile/11.0; NOKIA; Lumia 820; Vodafone) like Gecko

regex = 'WindowsMobileOS' => 'Windows CE.*(PPC|Smartphone|Mobile|[0-9]{3}x[0-9]{3})|Window Mobile|Windows Phone [0-9.]+|WCE;'

and can utilize < meta name="MobileOptimized" content="width" > or < meta name="mobile-web-app-capable" content="yes" >

Regards

cubiq commented 10 years ago

does it fill the window.navigator.standalone property?

Deltafox79 commented 10 years ago

No is undefined...

cubiq commented 10 years ago

then unfortunately I need the device to make tests

cubiq commented 10 years ago

sorry, of course it's window.navigator.standalone

Deltafox79 commented 10 years ago

Yes I have test also window.navigator.standalone but it is always undefined..

Comunque se serve possiamo parlare anche in italiano... Ciao

cubiq commented 10 years ago

English please, so everybody understands.

Bottom line. I need a device :)

Deltafox79 commented 10 years ago

Ok.. But if you need I'm avaiable for future test... Regards

Deltafox79 commented 10 years ago

Hi, some more test on meta tag for creating tile on windows Phone 8 >

Example

< !-- Windows Phone --> < meta name="msapplication-tap-highlight" content="no"> < meta name="application-name" content="dfox.it"/> < meta name="msapplication-tooltip" content="dfox.it | DFoX Video"/> < meta name="msapplication-starturl" content="http://www.dfox.it/"/> < meta name="msapplication-window" content="width=1024;height=768"/> < meta name="msapplication-navbutton-color" content="#FFFF00"/> < meta name="msapplication-badge" value="frequency=60;polling-uri=http://xlmfortile" /> < meta name="msapplication-TileImage" content="imgs/icon-144x144.png"/> < meta name="msapplication-TileColor" content="#00FF60"/>

or use javascript + meta < meta name="application-name" content="DFoX" /> < meta name="msapplication-TileColor" content=" #009900" /> < meta name="msapplication-square70x70logo" content="images/smalltile.png" /> < meta name="msapplication-square150x150logo" content="images/mediumtile.png" /> < meta name="msapplication-wide310x150logo" content="images/widetile.png" /> < meta name="msapplication-square310x310logo" content="images/largetile.png" /> < script> if (document.addEventListener) { document.addEventListener('mssitepinned', InizioPeriodoAggiornamento, false); } else { window.onload = InizioPeriodoAggiornamento; }

  function  InizioPeriodoAggiornamento()
  {
      var arrURI = ["notifica/prova1.xml", "notifica/prova2.xml", "notifica/prova3.xml"];
      window.external.msEnableTileNotificationQueue(true);
      window.external.msStartPeriodicTileUpdateBatch(arrURI);
  }
< /script>

This is the result When Click on "Add to Start"

http://www.dfox.it/test/Test_Wp8_1.jpg http://www.dfox.it/test/Test_Wp8_2.jpg http://www.dfox.it/test/Test_Wp8_3.jpg

Regards

cubiq commented 10 years ago

thanks for the info. I'll try to implement that blindly if you can test it

Deltafox79 commented 10 years ago

Sure. When you want ..

little bit translation update on action How I see on the dispositive...

it_it: { message: 'Per Aggiungere questa web app alla schermata iniziale: premi %icon e poi %action.', action: { ios: 'Aggiungi a Home', android: 'Aggiungi a schermata Home', windows: 'aggiungi a start' } }

mj1985 commented 10 years ago

We have different Windows Phones (Samsung Ativ S, Lumia 820, Lumia 920, Lumia 820 WP 8.1) and would be happy to test, too.

KonradIT commented 10 years ago

I have a nokia lumia 520 with windows phone 8.1 dev preview. I will try to port it and PR.

cubiq commented 10 years ago

I've got a 630, porting is less painful than I thought, but can be done (just need some time).

KonradIT commented 10 years ago

@cubiq just started this

mj1985 commented 9 years ago

Any news about this? Looks like @KonradIT doesn't got a working solution yet.

Deltafox79 commented 9 years ago

http://www.buildmypinnedsite.com/en New Microsoft Solution...

This is latest user agent for My lumia 925 Denim OS

Mozilla/5.0 (Mobile; Windows Phone 8.1; Android 4.0; ARM; Trident/7.0; Touch; rv:11.0; IEMobile/11.0; NOKIA; Lumia 925) like iPhone OS 7_0_3 Mac OS X AppleWebKit/537 (KHTML, like Gecko) Mobile Safari/537

Example .:

http://i.imgur.com/xhWBk4W.jpg

works also on Windows Desktop Metrò..

For Windows 8.x Desktop Pc tiles...

PC IE Mobile Ui desktop UserAgent Windows Desktop

Mozilla/5.0 (Windows NT 6.3; Win64; x64; Trident/7.0; rv:11.0) like Gecko

Example

http://i.imgur.com/hIUvw7R.jpg

For test .:

http://www.dfox.it/Melodie

Regards

Deltafox79 commented 9 years ago

I have fixed code css and js off addtohome for working also on Windows Phone Mobile ..

the v3.1.1 fixed can find here :

css http://www.dfox.it/dt/css/addtohomescreen.css

js http://www.dfox.it/dt/js/addtohomescreen.js

js minifier http://www.dfox.it/dt/js/addtohomescreen.min.js

You need only create the correct metatag for windows phone manually or from site http://www.buildmypinnedsite.com/en

link For Test

http://www.dfox.it/dt or http://www.dfox.it

Enjoy ..:: DeltaFoX :...

grizzly commented 9 years ago

Wir haben bis einschließlich 17. Mai 2015 Betriebsurlaub.

Die eMails werden nicht automatisch weitergeleitet.

Mit freundlichen Grüßen Stefan Mayr

I am out of office until 07th of june 2014.

Deltafox79 commented 9 years ago

I have fixed code css and js off addtohome for working also on Windows Phone Mobile ..

the v3.2.2 fixed can find here :

css http://www.dfox.it/dt/css/addtohomescreen.css

js http://www.dfox.it/dt/js/addtohomescreen.js

js minifier http://www.dfox.it/dt/js/addtohomescreen.min.js

You need only create the correct metatag for windows phone manually or from site http://www.buildmypinnedsite.com/en

link For Test

http://www.dfox.it/dt or http://www.dfox.it

Cubiq what do you think?

Enjoy ..:: DeltaFoX :...

Deltafox79 commented 9 years ago

v3.2.2 Mod for Windows Phone in Action .:

Microsoft Lumia 640 LTE (Windows) , Htc M7 (Android), Iphone 5 (Ios), Ipad 4 (Ios)

Image .:

http://i.imgur.com/LS1SX1h.jpg

Test

http://www.dfox.it/dt

Enjoy ..:: DFoX ::..

holtkamp commented 8 years ago

@Deltafox79 can you open a Pull Request for this? That way we can try to integrate it in this library.