2011-12-23 40 views
5

बस सोच रहा था कि मेरे पास एक आईफोन था, मैं एक वेब ऐप बनाने में सक्षम था, फिर उसमें कुछ कोड डालें ताकि जब उपयोगकर्ता "होमस्क्रीन में जोड़ें" दबाए तो एक आइकन होम स्क्रीन पर रखा जाएगा और जब उपयोगकर्ता ने इसे क्लिक किया था वेब ऐप पूर्ण स्क्रीन चलाएगा (कोई वेब नेविगेशन बार नहीं) तो यह सिर्फ एक सामान्य ऐप की तरह दिखता है (हालांकि यह केवल वेब पर ही चलाएगा) क्या वैसे भी मैं एंड्रॉइड के साथ ऐसा कर सकता हूं या क्या मुझे एक संपूर्ण ऐप कोड करना है कर दो? क्षमा करें अगर यह थोड़ा अस्पष्ट है। धन्यवाद, एडम।होम स्क्रीन पर वेब ऐप (आईफोन शैली)?

मैं iphone के लिए क्या इस्तेमाल किया:

<meta name="viewport" content="user-scalable=no, width=device-width" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<link rel="apple-touch-startup-image" href="images/myCustomStartupGraphic.png" /> 

उत्तर

1

मुझे नहीं लगता कि यह संभव है। एक वर्कअराउंड एक वास्तव में सरल ऐप बनाना है जिसमें केवल WebView है और इस वेब में लोड करें अपना यूआरएल देखें और फिर इस ऐप को Play Store में प्रकाशित करें।

WebView webView = findViewById(R.id.webView); 
webView.loadUrl("http://awesome.website.com"); 

फिर अपनी वेबसाइट पर आप Android उपकरणों पर इस एप्लिकेशन को डाउनलोड करने के लिए उपयोगकर्ताओं रीडायरेक्ट करने के लिए HTTP उपयोगकर्ता एजेंट का उपयोग कर सकते हैं।

+0

मैंने इस उत्तर को बक्षीस दिया है। हालांकि यह आईफोन विशेषता विधि जितना आसान नहीं है, यह वास्तव में हमें वह चीज़ देता है जो हम चाहते हैं और एंड्रॉइड की कीमत $ 99/साल नहीं है, यह बहुत बुरा नहीं है कि हमें इसे Play Store में जोड़ने की आवश्यकता हो सकती है। इसका अभी भी मतलब है कि हमारे पास केवल एक HTML5 ऐप है और हमें कभी भी हमारे Play ऐप को अपडेट करने की आवश्यकता नहीं है क्योंकि यह सिर्फ एक वेब पेज लोड करता है। – Fenton

0

आप बुकमार्क के रूप में एक वेबपेज जोड़ सकते हैं, और वहां से वह अपने होमस्क्रीन में जोड़ें। हालांकि, यह पूर्णस्क्रीन नहीं देगा। पिछली बार मैंने चेक किया था, इसके लिए आपको एक तृतीय पक्ष ऐप की आवश्यकता होगी।

+0

हाँ मैंने बुकमार्क की बात की, लेकिन मेनू बार के साथ दौड़ने पर थोड़ा निराश था। क्या किसी को पता है कि इसमें अंतर्निहित कार्य है या इसके लिए कुछ है? मैंने एक वेबव्यू के बारे में पढ़ा है क्या यह कुछ है जो मैं अपने वेबपृष्ठ को प्रदर्शित करने के लिए बस एक खाली ऐप के अंदर रख सकता हूं? – burg93

0

मुझे नहीं लगता कि होमस्क्रीन ऐप लॉन्चर इरादे के माध्यम से एक अलग ऐप लॉन्च करने के तरीके के रूप में संभव है। यदि आपका 'ऐप' सिर्फ एक यूआरएल है तो उसे स्टॉक ब्राउजर, क्रोम, फ़ायरफ़ॉक्स, ओपेरा, डॉल्फिन या जो कुछ भी यूआरएल सुनने के लिए जो कुछ भी ब्राउज़र स्थापित किया गया है, उसे उठाया जाएगा। चूंकि प्रत्येक की अपनी कॉन्फ़िगरेशन होती है, इसलिए आप लगातार वेब नेविगेशन बार के 'क्रोम' को हटाने में सक्षम नहीं होंगे।

आपको एक रैपर ऐप बनाने के लिए फोनगैप/कॉर्डोवा का उपयोग करना होगा, लेकिन एहसास है कि एम्बेडेड वेबव्यू पूरी तरह से उड़ाए गए ब्राउज़र ऐप के रूप में पूर्ण रूप से प्रदर्शित नहीं है, इसलिए परीक्षण हमेशा अनुशंसित किया जाता है।

1

अब आप Android के लिए क्रोम बीटा में होमस्क्रीन में ऐप्स के रूप में पृष्ठ जोड़ सकते हैं। यह क्रोम एम 31 बीटा के रूप में नया है। मुझे यकीन नहीं है कि इसे एंड्रॉइड के लिए मुख्यधारा क्रोम में कब स्थानांतरित किया जाएगा। क्रोम बीटा खोजने के लिए मैं सिर्फ Play store नहीं खोज सका, बल्कि इसके बजाय क्रोम में एक नियमित Google खोज करना पड़ा। यह परिणाम Play Store में क्रोम बीटा से जुड़ा हुआ है।

एक होमस्क्रीन विकल्प जोड़ने के लिए यहाँ की जानकारी की जाँच करें:

  1. <head> पर इस मेटा टैग जोड़ें::

    https://developers.google.com/chrome/mobile/docs/installtohomescreen

    यह सब मैं इस काम के पाने के लिए किया था <meta name="mobile-web-app-capable" content="yes">

  2. इस छवि कोपर जोड़ें होमस्क्रीन आइकन के लिए:

    <link rel="shortcut icon" sizes="114x114" href="views/img/icon114x114.png" />

मैं पहले से ही कुछ आकार में बनाया आइकन था और 114x114 पर एक का उपयोग कर समाप्त हो गया। मैंने पाया कि IOS के लिए उपयोग किए जाने वाले आइकन का 512x512 संस्करण क्रोम में मेरे लिए काम नहीं करता था, sizes="512x512" या sizes="114x114"<link> में सेट किया गया था। Google की अनुशंसित आकार 1 9 6x196 है।

यदि आपके कोई समस्या हैं, तो Google रिमोट डीबगर समस्या निवारण के लिए कमाल है। https://developers.google.com/chrome-developer-tools/docs/remote-debugging

संबंधित मुद्दे