phonegap เปิดลิงค์ในเบราว์เซอร์

<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a>

เฮ้ผู้เชี่ยวชาญฉันใช้ phonegap 2.9.0 และฉันใช้รหัสด้านบนเพื่อเปิดลิงค์ในเบราว์เซอร์ แต่เปิดขึ้นในแอพเดียวกัน ...... จะเปิดเบราว์เซอร์ซาฟารีได้อย่างไร?

มันเปิดเว็บไซต์ในแอพเดียวกันจากนั้นฉันไม่สามารถกลับมาที่แอพได้ฉันจึงต้องลบแอพและติดตั้งอีกครั้ง .....

ตามที่แนะนำในคำถามที่คล้ายกันให้ใช้ JavaScript เพื่อเรียกwindow.openด้วยtargetอาร์กิวเมนต์ที่ตั้งค่า_systemเป็นตามเอกสาร InAppBrowser :

<a href="#" onclick="window.open('http://www.kidzout.com', '_system'); return false;">www.kidzout.com</a>

สิ่งนี้ควรได้ผลแม้ว่าวิธีแก้ปัญหาที่ดีกว่าและยืดหยุ่นกว่าคือการสกัดกั้นclickเหตุการณ์ของลิงก์ทั้งหมดและเรียกwindow.openด้วยอาร์กิวเมนต์ที่อ่านจากแอตทริบิวต์ของลิงก์

จำไว้ว่าคุณต้องติดตั้งปลั๊กอิน InAppBrowser เพื่อให้ใช้งานได้:

cordova plugin add cordova-plugin-inappbrowser

ตามที่ตอบไว้ในโพสต์อื่น ๆ คุณมีสองตัวเลือกที่แตกต่างกันสำหรับแพลตฟอร์มต่างๆ สิ่งที่ฉันทำคือ:

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {

    // Mock device.platform property if not available
    if (!window.device) {
        window.device = { platform: 'Browser' };
    }

    handleExternalURLs();
}

function handleExternalURLs() {
    // Handle click events for all external URLs
    if (device.platform.toUpperCase() === 'ANDROID') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            navigator.app.loadUrl(url, { openExternal: true });
            e.preventDefault();
        });
    }
    else if (device.platform.toUpperCase() === 'IOS') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            window.open(url, '_system');
            e.preventDefault();
        });
    }
    else {
        // Leave standard behaviour
    }
}

อย่างที่คุณเห็นฉันกำลังตรวจสอบแพลตฟอร์มอุปกรณ์และขึ้นอยู่กับว่าฉันใช้วิธีการอื่น ในกรณีของเบราว์เซอร์มาตรฐานฉันปล่อยให้พฤติกรรมมาตรฐาน จากนี้ไปโซลูชันจะทำงานได้ดีบน Android, iOS และในเบราว์เซอร์ในขณะที่หน้า HTML จะไม่มีการเปลี่ยนแปลงเพื่อให้สามารถมี URL ที่แสดงเป็นจุดยึดมาตรฐาน

<a href="http://stackoverflow.com">

การแก้ปัญหาต้องใช้ปลั๊กอิน InAppBrowser และ Device

<a onclick="navigator.app.loadUrl('https://google.com/', { openExternal:true });">Link</a>

ใช้งานได้กับ Android & PG 3.0

มี 2 ​​วิธีในการเปิด URL ใน Android และ iPhone

สำหรับ IOS ใช้รหัสต่อไปนี้

window.open("http://google.com", '_system');

และสำหรับระบบปฏิบัติการ Android ใช้รหัสต่อไปนี้

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

ที่ล่าสุดโพสต์นี้ช่วยให้ผมบน iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/

เปิดไฟล์ "CDVwebviewDelegate.m" และค้นหา "shouldStartLoadWithRequest" จากนั้นเพิ่มรหัสนี้ที่จุดเริ่มต้นของฟังก์ชัน:

if([[NSString stringWithFormat:@"%@",request.URL] rangeOfString:@"file"].location== NSNotFound) {
    [[UIApplication sharedApplication] openURL:[request URL]];
    return NO;
}

ในขณะที่ใช้navigator.app.loadUrl("http://google.com", {openExternal : true});สำหรับ Android ก็ใช้ได้

ผ่าน Cordova 3.3.0

ไม่มีคำตอบใดที่ชัดเจนเพียงพอที่จะเปิดลิงก์ภายนอกในแต่ละแพลตฟอร์ม ตามเอกสาร inAppBrowser :

ติดตั้ง

cordova plugin add cordova-plugin-inappbrowser

เขียนทับ window.open (ไม่บังคับ แต่แนะนำเพื่อความเรียบง่าย)

window.open = cordova.InAppBrowser.open;

หากคุณไม่เขียนทับwindow.openคุณจะใช้window.openฟังก์ชันเนทีฟและไม่สามารถคาดหวังว่าจะได้ผลลัพธ์เดียวกันข้ามแพลตฟอร์ม

ใช้เพื่อเปิดลิงก์ในเบราว์เซอร์เริ่มต้น

window.open(your_href_value, '_system');

โปรดทราบว่าเป้าหมายสำหรับ inAppBrowser (ซึ่งเป็นสิ่งที่ชื่อปลั๊กอินที่แสดงให้เห็นก็คือการที่จะใช้สำหรับ) เป็นแทน'_blank''_system'

หากไม่มีขั้นตอนข้างต้นฉันไม่สามารถรับลิงก์เพื่อเปิดในแอปเบราว์เซอร์เริ่มต้นข้ามแพลตฟอร์มได้

สินเชื่อพิเศษ

นี่คือตัวอย่างตัวจัดการคลิก (สด) สำหรับลิงก์:

document.addEventListener('click', function (e) {
    if (e.target.tagName === 'A' &&
        e.target.href.match(/^https?:\/\//)) {
        e.preventDefault();
        window.open(e.target.href, '_system');
    }
});

หากคุณมี jQuery อยู่รอบ ๆ คุณสามารถสกัดกั้นการคลิกที่ลิงค์ดังนี้:

$(document).on('click', 'a', function (event) {
    event.preventDefault();
    window.open($(this).attr('href'), '_system');
    return false;
});

วิธีนี้ทำให้คุณไม่ต้องแก้ไขลิงก์ใน html ซึ่งจะช่วยประหยัดเวลาได้มาก ฉันได้ตั้งค่านี้โดยใช้ผู้รับมอบสิทธิ์นั่นคือเหตุผลที่คุณเห็นว่ามันเชื่อมโยงกับวัตถุเอกสารโดยมีแท็ก 'a' เป็นอาร์กิวเมนต์ที่สอง วิธีนี้จะจัดการแท็ก "a" ทั้งหมดไม่ว่าจะเพิ่มเมื่อใดก็ตาม

แน่นอนคุณยังต้องติดตั้งปลั๊กอิน InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

window.open('http://www.kidzout.com', '_system');

จะใช้งานได้เฉพาะเมื่อคุณติดตั้งปลั๊กอินเวบเบราว์เซอร์ ในการติดตั้งโดยใช้เทอร์มินัลเรียกดูโฟลเดอร์ www ในโปรเจ็กต์ของคุณแล้วพิมพ์:

phonegap plugin add org.apache.cordova.inappbrowser

หรือ

cordova plugin add org.apache.cordova.inappbrowser

จากนั้นลิงก์ของคุณจะเปิดขึ้นในเบราว์เซอร์

ด้วย Cordova 5.0 ขึ้นไปปลั๊กอิน InAppBrowser จะถูกเปลี่ยนชื่อในรีจิสตรีปลั๊กอิน Cordova ดังนั้นคุณควรติดตั้งโดยใช้

cordova plugin add cordova-plugin-inappbrowser --save

จากนั้นใช้

<a href="#" onclick="window.open('http://www.kidzout.com', '_system');">www.kidzout.com</a>

ฉันใช้ PhoneGap Build (v3.4.0) โดยเน้นที่ iOS และฉันจำเป็นต้องมีรายการนี้ใน config.xml ของฉันสำหรับ PhoneGap เพื่อจดจำปลั๊กอิน InAppBrowser

<gap:plugin name="org.apache.cordova.inappbrowser" />

หลังจากนั้นใช้ window.open (URL เป้าหมาย) ควรจะทำงานตามที่คาดไว้เป็นเอกสารที่นี่

ฉันยังประสบปัญหาที่ลิงก์ไม่เปิดบนเบราว์เซอร์นี่คือการแก้ไขของฉันด้วยขั้นตอน:

1: ติดตั้งปลั๊กอิน Cordova นี้

cordova plugin add cordova-plugin-inappbrowser

2: เพิ่มลิงค์เปิดใน html ดังต่อไปนี้

<a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" >Google</a>

3: นี่เป็นขั้นตอนที่น่าประทับใจที่สุดเนื่องจากสิ่งนี้ฉันประสบปัญหามากมาย: ดาวน์โหลดcordova.jsไฟล์และวางลงในwwwโฟลเดอร์ จากนั้นทำการอ้างอิงสิ่งนี้ในindex.htmlไฟล์

<script src="cordova.js"></script>

โซลูชันนี้จะใช้ได้กับทั้ง Android และ iPhone

แบบนี้ :

<a href="#" onclick="window.open('https://www.nbatou.com', '_system'); return false;">https://www.nbatou.com</a>