HTML5ÈëÃÅ

СǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·£¨21£©¡ª¡ª PhoneGap

×ÖºÅ+ ×÷ÕߣºË®º® À´Ô´£ºcsdn 2015-06-02 10:01 ÎÒÒªÆÀÂÛ( )

Ò»¡¢PhoneGapÊÇʲôPhoneGap ÊÇÒ»¸öÓûùÓÚ HTML£¬CSS ºÍ JavaScript µÄ£¬´´½¨Òƶ¯¿çƽ̨Òƶ¯Ó¦ÓóÌÐòµÄ¿ìËÙ¿ª·¢¿ò¼Ü¡£Ëüʹ¿ª·¢ÕßÄܹ»ÀûÓà iPhone£¬Android£¬Palm£¬Symbian,WP7,Bada ºÍ Blackberry ÖÇÄÜÊÖ»úµÄºËÐŦÄÜ¡ª¡ª°üÀ¨µØÀí¶¨Î»£¬¼ÓËÙÆ÷£¬ÁªÏµÈË£¬ÉùÒô

Ò»¡¢PhoneGapÊÇʲô

PhoneGap ÊÇÒ»¸öÓûùÓÚ HTML£¬CSS ºÍ JavaScript µÄ£¬´´½¨Òƶ¯¿çƽ̨Òƶ¯Ó¦ÓóÌÐòµÄ¿ìËÙ¿ª·¢¿ò¼Ü¡£Ëüʹ¿ª·¢ÕßÄܹ»ÀûÓà iPhone£¬Android£¬Palm£¬Symbian,WP7,Bada ºÍ Blackberry ÖÇÄÜÊÖ»úµÄºËÐŦÄÜ¡ª¡ª°üÀ¨µØÀí¶¨Î»£¬¼ÓËÙÆ÷£¬ÁªÏµÈË£¬ÉùÒôºÍÕñ¶¯µÈ£¬´ËÍâ PhoneGap ÓµÓзḻµÄ²å¼þ£¬¿ÉÒÔÒÔ´ËÀ©Õ¹ÎÞÏ޵ŦÄÜ¡£PhoneGap ÊÇÃâ·ÑµÄ£¬µ«ÊÇËüÐèÒªÌض¨Æ½Ì¨ÌṩµÄ¸½¼ÓÈí¼þ£¬ÀýÈç iPhone µÄiPhone SDK£¬Android µÄAndroid SDK µÈ£¬Ò²¿ÉÒÔºÍ DW5.5 ÅäÌ׿ª·¢¡£Ê¹Óà PhoneGap Ö»±ÈΪÿ¸öƽ̨·Ö±ð½¨Á¢Ó¦ÓóÌÐòºÃÒ»µãµã£¬ÒòΪËäÈ»»ù±¾´úÂëÊÇÒ»ÑùµÄ£¬µ«ÊÇÄãÈÔÈ»ÐèҪΪÿ¸öƽ̨·Ö±ð±àÒëÓ¦ÓóÌÐò¡£PhoneGap Õë¶Ô²»Í¬Æ½Ì¨µÄ WebView ×öÁËÀ©Õ¹ºÍ·â×°£¬Ê¹ WebView Õâ¸ö×é¼þ±ä³É¿É·ÃÎÊÉ豸±¾µØ APIµÄÇ¿´óä¯ÀÀÆ÷£¬ËùÒÔ¿ª·¢ÈËÔ±ÔÚ PhoneGap ¿ò¼ÜÏ¿Éͨ¹ý JavaScript ·ÃÎÊÉ豸±¾µØ API¡£

WebViewÊÇʲô£¨WebView×é¼þʵÖÊÊÇÒƶ¯É豸µÄÄÚÖÃä¯ÀÀÆ÷ WebViewÕâ¸öÄÚÖÃä¯ÀÀÆ÷ÌØÐÔÊÇWebÄܱ»´ò°ü³É±¾µØ¿Í»§¶ËµÄ»ù´¡£¬¿É·½±ãµÄÓà HTML5¡¢CSS3 Ò³Ãæ²¼¾Ö£¬ÕâÊÇÒƶ¯ Web ¼¼ÊõµÄÓÅÊÆÏà¶ÔÓÚÔ­Éú¿ª·¢£©


¶þ¡¢PhoneGapµÄÓÅÊÆ

£¨1£©¿çƽ̨£ºPhoneGap ÊÇΨһµÄÒ»¸öÖ§³Ö 7 ¸öƽ̨µÄ¿ªÔ´Òƶ¯¿ò¼Ü£¨PhoneGap °üÀ¨µØÀí¶¨Î»£¬¼ÓËÙÆ÷£¬ÁªÏµÈË£¬ÉùÒôºÍÕñ¶¯µÈ£¬´ËÍâ PhoneGap ÓµÓзḻµÄ²å¼þ£¬¿ÉÒÔÒÔ´ËÀ©Õ¹ÎÞÏ޵ŦÄÜ£¬¼¸ºõ Native AppÄÜÍê³ÉµÄ¹¦ÄÜËû¶¼ÄÜÍê³É£©¡£ËüµÄÓÅÊÆÊÇÎÞÒÔÂױȵģº¿ª·¢³É±¾µÍ¡ª¡ª¾Ý¹ÀË㣬ÖÁ¶à Native App µÄÎå·ÖÖ®Ò»£¡

£¨2£©Ò×ÓÃÐÔ£¬»ùÓÚ±ê×¼µÄ Web ¿ª·¢¼¼Êõ (html + css +js)

£¨3£©ÌṩӲ¼þ·ÃÎÊ¿ØÖÆ£¨api£©

£¨4£©¿ÉÀûÓóÉÊì javascript ¿ò¼Ü£¨JqueryMobile SenchaTouch£©

£¨5£©·½±ãµÄ°²×°ºÍʹÓÃ

Èý¡¢PhoneGapµÄ²»×ã

(1) PhoneGap Ó¦ÓóÌÐòµÄÔËÐÐÊǼÄÍÐÓÚÒƶ¯É豸Éϸ÷ƽ̨µÄÄÚÖÃä¯ÀÀÆ÷ webkit µÄ£¬Êܵ½ webkit ´¦ÀíËÙ¶ÈÓ°Ï죬ÒÔ¼°¸÷¸öƽ̨µÄÓ²¼þÓëÈí¼þµÄÐÔÄÜÖÆÔ¼£¬Æä³ÌÐòÔËÐеÄËٶȻá±ÈÔ­ÉúµÄ³ÌÐòÉÔ΢Âýµã£¬µ«ÊDZÊÕßÈÏΪ£¬ÕâЩÎÊÌâÔÚ 1-2 ÄêÄÚ¶¼»á½â¾ö£¬ÒòΪÏÖÔÚµÄÓ²¼þµÄ·¢Õ¹ËÙ¶ÈÌ«¿ìÁË¡£

(2)»¹ÓÐһЩµ×²ãµÄ¹¦ÄÜÐèÒª²å¼þÀ´ÊµÏÖ±ÈÈ磨ÍÆË͹¦ÄÜ£©

(3)ƽ̨²îÒ컯²»Í¬£¬PhoneGap Ó¦ÓóÌÐòÔÚËùÓÐƽ̨ÉÏÔËÐнçÃæ¿´ÆðÀ´¶¼Ò»Ñù¡£¼´Ê¹Õâ¸öÓ¦ÓóÌÐòÓëÔ­ÉúÓ¦ÓúÜÏàÏñ£¬µ«¶ÔÓÚÏ°¹ßÁË iOS Óë Android ƽ̨µÄÓû§À´Ëµ£¬»á¾õµÃ²»Ï°¹ß£¬ËûÃÇ»¹ÊÇ»áºÜ¿ì¿´³ö²îÒ졣ͨ¹ý×ÛºÏ±È½Ï PhoneGap µÄÓŵãÓë²»×㣬ÎÒÃÇÈÏΪ£¬Èç¹ûÄãÏë¿ìËÙʵÏÖÒ»°ãµÄÒƶ¯ WebApp »òÕßÆÕͨµÄ2D ÓÎÏ·£¬ÄÇô¿ÉÒÔ²ÉÓà PhoneGap ¼¼Êõ¡£Èç¹ûÄãÏëҪʵÏÖÐèÒª´óÁ¿ CPU ¼ÆËãµÄÓ¦ÓûòÕß 3D ÓÎÏ·£¬»òÕ߶ÔÓû§ÌåÑé¼°½çÃæÓм«ÖµÄ×·Ç󣬿¼ÂÇÄ¿Ç°µÄÓ²¼þÌõ¼þºÍ¿ª·¢³É±¾£¬Ê¹ÓÃÔ­Éú¿ª·¢À´ÊµÏֱȽÏÊʺϡ£

ËÄ¡¢PhoneGap Ç°¾°

2011 Äê 10 Ô 4 ÈÕ Adobe Ðû²¼ÊÕ¹ºÁË´´½¨ÁË HTML5 Òƶ¯Ó¦Óÿò¼Ü PhoneGap ºÍ PhoneGap Build µÄд´¹«Ë¾ Nitobi Software¡£ÕâʹµÃ phonegap ÓÐÁ˼áÇ¿µÄºó¶Ü£¬phonegap µÄ·¢Õ¹Ç°¾°Ò²ÊÇһƬ¹âÃ÷¡£Óë´Ëͬʱ£¬PhoneGap µÄ¿ªÔ´¿ò¼ÜÒѾ­±»ÀÛ»ýÏÂÔØ 60 Íò´Î£¬½èÖú PhoneGap ƽ̨£¬ÒÑÓÐÊýǧӦÓóÌÐò½¨Á¢ÔÚ iOS£¬androidÒÔ¼°ÆäËü²Ù×÷ϵͳ֮ÉÏ¡£

Îå¡¢Web App, Native APP,Hybird App ½éÉÜ

£¨1£©Web App

Õâ¸öÖ÷ÒªÊDzÉÓÃͳһµÄ±ê×¼µÄ HTML,JavaScript.CSS µÈ web ¼¼Êõ¿ª·¢. Óû§ÎÞÐèÏÂÔØ£¬Í¨¹ý²»Í¬Æ½Ì¨µÄä¯ÀÀÆ÷·ÃÎÊÀ´ÊµÏÖ¿çƽ̨£¬Í¬Ê±¿ÉÒÔͨ¹ýä¯ÀÀÆ÷Ö§³Ö³ä·ÖʹÓà HTML5 ÌØÐÔ£¬È±µãÊÇÕâЩ»ùÓÚä¯ÀÀÆ÷µÄÓ¦ÓÃÎÞ·¨µ÷ÓÃϵͳ API À´ÊµÏÖһЩ¸ß¼¶¹¦ÄÜ£¬Ò²²»ÊʺϸßÐÔÄÜÒªÇóµÄ³¡ºÏ.

£¨2£©Native APP

¾ÍÊÇËùνµÄÔ­ÉúÓ¦ÓÃ.Ö¸µÄÊÇÓÃƽ̨Ìض¨µÄ¿ª·¢ÓïÑÔËù¿ª·¢µÄÓ¦ÓÃ.ʹÓÃËüÃǵÄÓŵãÊÇ¿ÉÒÔÍêÈ«ÀûÓÃϵͳµÄ API ºÍƽ̨ÌØÐÔ£¬ÔÚÐÔÄÜÉÏÒ²ÊÇ×îºÃµÄ¡£È±µãÊÇÓÉÓÚ¿ª·¢¼¼Êõ²»Í¬£¬Èç¹ûÄãÒª¸²¸Ç¶à¸öƽ̨£¬ÔòÒªÕë¶Ôÿ¸öƽ̨¶ÀÁ¢¿ª·¢,ÎÞ¿çƽ̨ÌØÐÔ.

£¨3£©Hybird App

ÔòÊÇΪÁËÃÖ²¹ÈçÉÏÁ½Õß¿ª·¢Ä£Ê½µÄȱÏݵIJúÎï.·Ö±ð¼Ì³ÐË«·½µÄÓÅÊÆ.Ê×ÏÈËüÈÃΪÊýÖÚ¶àµÄ web ¿ª·¢ÈËÔ±¿ÉÒÔ¼¸ºõÁã³É±¾µÄתÐͳÉÒƶ¯Ó¦Óÿª·¢Õߣ»Æä´Î£¬ÏàͬµÄ´úÂëÖ»ÐèÕë¶Ô²»Í¬Æ½Ì¨½øÐбàÒë¾ÍÄÜʵÏÖÔÚ¶àƽ̨µÄ·Ö·¢£¬´ó´óÌá¸ßÁ˶àƽ̨¿ª·¢µÄЧÂÊ£»¶øÏà½ÏÓÚ web App£¬¿ª·¢Õß¿ÉÒÔͨ¹ý°ü×°ºÃµÄ½Ó¿Ú£¬µ÷Óô󲿷ֳ£ÓõÄϵͳ API¡£PhoneGap ÕýÊÇ Hybird APP µÄ´ú±í¿ª·¢¿ò¼Ü

Áù¡¢Html5 Òƶ¯Ó¦ÓÃÈí¼þ¿ª·¢¿ò¼Ü JqueryMobile SenchaTouch ½éÉÜ

1.JqueryMobile ½éÉÜ

jQuery Mobile ÊÇ jQuery ÔÚÊÖ»úÉϺÍƽ°åÉ豸Éϵİ汾¡£jQuery Mobile ²»½ö»á¸øÖ÷Á÷Òƶ¯Æ½Ì¨´øÀ´jQuery ºËÐĿ⣬¶øÇһᷢ²¼Ò»¸öÍêÕûͳһµÄ jQuery Òƶ¯ UI ¿ò¼Ü¡£Ö§³ÖÈ«ÇòÖ÷Á÷µÄÒƶ¯Æ½Ì¨¡£´Ë¿ò¼Ü¼òµ¥Ò×Óá£Ò³Ã濪·¢Ö÷ҪʹÓñê¼Ç£¬ÎÞÐè»ò½öÐèºÜÉÙ JavaScript¡£´Ë¿ò¼Ü¼òµ¥Ò×Óá£Ò³Ã濪·¢Ö÷ҪʹÓñê¼Ç£¬ÎÞÐè»ò½öÐèºÜÉÙ JavaScript¡£

2.SenchaTouch ½éÉÜ

Ç°²»¾Ã»ùÓÚ JavaScript ±àдµÄ Ajax ¿ò¼Ü ExtJS,½«ÏÖÓÐµÄ ExtJS ÕûºÏ JQTouch¡¢Raphaël ¿â£¬ÍƳöÊÊÓÃÓÚ×îÇ°ÑØ Touch Web µÄSencha Touch ¿ò¼Ü£¬¸Ã¿ò¼ÜÊÇÊÀ½çÉϵÚÒ»¸ö»ùÓÚ HTML5 µÄ Mobile App ¿ò¼Ü¡£Í¬Ê±£¬ExtJS ¸üÃûΪ Sencha£¬JQTouch µÄ´´Ê¼ÈË David Kaneda£¬ÒÔ¼° Raphaël µÄ´´Ê¼ÈËÒ²ÒѼÓÃË SenchaÍŶÓ

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • HTML5³£ÓñêÇ©×ܽá

    HTML5³£ÓñêÇ©×ܽá

    2016-03-23 14:02

  • ÏìӦʽÍøÕ¾ÈçºÎ²ÅÄܵõ½°Ù¶ÈµÄÖØÊÓ

    ÏìӦʽÍøÕ¾ÈçºÎ²ÅÄܵõ½°Ù¶ÈµÄÖØÊÓ

    2016-01-27 10:11

  • html5ѧµÃºÃ²»ºÃ£¬¿´ÕÆÎÕ¶àÉÙ±êÇ©

    html5ѧµÃºÃ²»ºÃ£¬¿´ÕÆÎÕ¶àÉÙ±êÇ©

    2015-09-28 12:53

  • ¹ØÓÚmeta±êÇ©

    ¹ØÓÚmeta±êÇ©

    2015-06-06 16:22

ÍøÓѵãÆÀ
¾«²Êµ¼¶Á
ÈÈÃÅ×ÊѶ
¹Ø×¢ÎÒÃÇ
¹Øע΢ÐŹ«Öںţ¬Á˽â×îо«²ÊÄÚÈÝ

ª