फोनगैप बिल्ड: एंड्रॉइड पर डिवाइस ब्राउज़र में बाहरी यूआरएल कैसे खोलें?

Question

बाहरी यूआरएल मेरे फोनगैप एंड्रॉइड एप्लिकेशन में सिस्टम के ब्राउज़र में नहीं खुलता है। मैं फोनगैप बिल्ड 2.3.0 का उपयोग कर रहा हूं।

Cordova documentation के अनुसार मैं लक्ष्य '_system' का प्रयोग किया:

window.open('http://www.myurl.nl', '_system'); 

मेरी config.xml में मेरे पास है:

<plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" /> 
<access origin="*" browserOnly="true" /> 

लेकिन मेरी क्षुधा वेबव्यू में खुला अभी भी लिंक।

इसे कैसे हल करें?

Answer 1

यह जवाब जब आप PhoneGap का निर्माण का उपयोग कर रखना चाहते हैं नहीं है, लेकिन मैं अपने मशीन पर Cordova (PhoneGap) के लिए एक विकास के वातावरण की स्थापना और संकलन के द्वारा समस्या का समाधान स्थानीय रूप से ऐप। कॉर्डोवा 2.5.0 window.open('http://www.myurl.nl', '_system'); में सही काम करता है, यह सिस्टम के ब्राउज़र में लिंक खोल देगा।

तो मेरी सलाह PhoneGap निर्माण और स्थानीय स्तर पर अपने अनुप्रयोग संकलन शुरू का उपयोग बंद करने के लिए है। Here's how to set up your development environment for Cordova >>

Answer 2

उपयोग इस

window.open('http://www.myurl.nl', '_blank', 'location=yes');

Answer 3

यह सवाल अब एक छोटे से पुराना है, लेकिन मुझे लगा कि इसके लायक अद्यतन करने गया था। 2.9.0 के साथ उपयोग किए जाने पर यह अब फोनगैप बिल्ड के साथ ठीक काम करता है।

मैंने इसे एंड्रॉइड 4.3 और आईओएस 6.1.3 पर संकलित और परीक्षण किया है। कि के रूप में अनुप्रयोग में पृष्ठों को खोलने के बजाय स्थानीय ब्राउज़र उन्हें खोलने के कारण है मैं अपने अनुप्रयोग में InAppBrowser प्लगइन की जरूरत नहीं है, और मैं केवल पहुँच टैग के लिए निम्न:

<access origin="http://127.0.0.1*"/> 
<access origin="http://phonegap.com" subdomains="true" /> 

Answer 4

देर जवाब है, लेकिन हो सकता है कि यह किसी की मदद कर सके।

navigator.app.loadUrl('https://google.com/', { openExternal:true }); 

Cordova 3.3.1

Answer 5

यह मेरे लिए काम किया। फोनगैप 3.1.0।

एचटीएमएल कोड:

<a id="ext-link" href="#">Google it</a> 

या

<button id="ext-link" href="#">Google it</button> 

जावास्क्रिप्ट (jQuery के साथ + कॉर्डोबा):

$("#ext-link").on("click"), function() { 
    if (typeof navigator !== "undefined" && navigator.app) { 
     // Mobile device. 
     navigator.app.loadUrl('http://www.google.com/', {openExternal: true}); 
    } else { 
     // Possible web browser 
     window.open("http://www.google.com/", "_blank"); 
    } 
}); 

आशा है कि मदद करता है।

Answer 6

@George Siggouroglou: यह एक अच्छा विचार तत्वों के लिए एक आईडी है कि अंततः एक दस्तावेज़ में एक से अधिक समय में दिखाई देगा का उपयोग नहीं है। कोड को अधिक मॉड्यूलर बनाने के लिए इसके अच्छे अभ्यास के बजाए।

अगर इसकी भी एक अच्छा विकल्प की उम्मीद टच डिवाइस से पहले "नल" का उपयोग करने के "क्लिक" क्योंकि यह बहुत तेजी से और पहले आग एक क्लिक से। टच सक्षम सामानों की जांच करने के लिए मैं आधुनिकता का उपयोग करना पसंद करता हूं क्योंकि यह सुविधा को हवा का पता लगाता है।

The jQuery Mobile tap event triggers after a quick, complete touch event that occurs on a single target object. It is the gesture equivalent of a standard click event that is triggered on the release state of the touch gesture. https://api.jquerymobile.com/tap/

आशा व्यक्त की कि किसी

**html code:** 

<a class="ext-link" href="#">Google it</a> 

या

<button class="ext-link" href="#">Google it</button> 

(jQuery के साथ) जावास्क्रिप्ट मदद करता है:

//define tab or click event type on rool level (can be combined with modernizr) 
iaEvent = "click"; 
if (typeof navigator !== "undefined" && navigator.app) { 
    iaEvent = "tap"; 
} 
$('.ext-link').each.bind(iaEvent, function() { 
    if (typeof navigator !== "undefined" && navigator.app) { 
     // Mobile device. 
     var linktarget = this.attr("href"); 
     navigator.app.loadUrl(linktarget, {openExternal: true}); 
    } else { 
     // Possible web browser 
     window.open(linktarget, "_blank"); 
    } 
});