liên kết mở phonegap trong trình duyệt

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

Xin chào các chuyên gia, tôi đang sử dụng phonegap 2.9.0 và tôi đang sử dụng mã trên để mở liên kết trong trình duyệt nhưng nó lại mở trong cùng một ứng dụng ...... làm thế nào để mở trình duyệt safari?

nó mở trang web trong cùng một ứng dụng và sau đó tôi không thể quay lại ứng dụng đó, vì vậy tôi cần phải xóa ứng dụng và cài đặt lại .....

Như được đề xuất trong một câu hỏi tương tự , hãy sử dụng JavaScript để gọi window.openvới targetđối số được đặt thành _system, theo tài liệu InAppBrowser :

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

Điều này sẽ hoạt động, mặc dù giải pháp tốt hơn và linh hoạt hơn sẽ là chặn tất cả các clicksự kiện của liên kết và gọi window.openvới các đối số được đọc từ các thuộc tính của liên kết.

Hãy nhớ rằng bạn phải cài đặt plugin InAppBrowser để nó hoạt động:

cordova plugin add cordova-plugin-inappbrowser

Như đã trả lời trong các bài viết khác, bạn có hai tùy chọn khác nhau cho các nền tảng khác nhau. Những gì tôi làm là:

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
    }
}

Vì vậy, như bạn có thể thấy, tôi đang kiểm tra nền tảng thiết bị và tùy thuộc vào đó tôi đang sử dụng một phương pháp khác. Trong trường hợp của một trình duyệt tiêu chuẩn, tôi để lại hành vi tiêu chuẩn. Kể từ bây giờ, giải pháp sẽ hoạt động tốt trên Android, iOS và trong trình duyệt, trong khi trang HTML sẽ không bị thay đổi, vì vậy nó có thể có các URL được biểu diễn dưới dạng liên kết chuẩn

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

Giải pháp yêu cầu các plugin InAppBrowser và Thiết bị

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

Hoạt động cho tôi với Android & PG 3.0

Có 2 cách khác nhau để mở URL trong android và iphone.

ĐỐI VỚI IOS sử dụng mã sau.

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

và cho hệ điều hành android sử dụng mã sau.

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

Cuối cùng, bài đăng này giúp tôi trên iOS: http://www.exchesiawebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Mở tệp "CDVwebviewDelegate.m" và tìm kiếm "shouldStartLoadWithRequest", sau đó thêm mã này vào đầu hàm:

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

Trong khi sử dụng navigator.app.loadUrl("http://google.com", {openExternal : true}); cho Android là OK.

Qua Cordova 3.3.0.

Không có câu trả lời nào trong số này đủ rõ ràng để mở các liên kết bên ngoài trong mỗi nền tảng. Theo tài liệu inAppBrowser :

Tải về

cordova plugin add cordova-plugin-inappbrowser

Ghi đè window.open (tùy chọn, nhưng được khuyến nghị để đơn giản)

window.open = cordova.InAppBrowser.open;

Nếu bạn không ghi đè window.open, bạn sẽ sử dụng window.openhàm gốc và không thể mong đợi nhận được cùng một kết quả trên nhiều nền tảng.

Sử dụng nó để mở các liên kết trong trình duyệt mặc định

window.open(your_href_value, '_system');

Lưu ý rằng mục tiêu cho inAppBrowser (tên plugin gợi ý rằng nó sẽ được sử dụng) '_blank'thay vì mục tiêu '_system'.

Nếu không có các bước trên, tôi không thể nhận liên kết để mở trong ứng dụng trình duyệt mặc định trên nhiều nền tảng.

Tín dụng thêm

Đây là một ví dụ về xử lý nhấp chuột (trực tiếp) cho các liên kết:

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

Nếu bạn tình cờ có jQuery xung quanh, bạn có thể chặn cú nhấp chuột vào liên kết như sau:

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

Bằng cách này, bạn không phải sửa đổi các liên kết trong html, điều này có thể tiết kiệm rất nhiều thời gian. Tôi đã thiết lập điều này bằng cách sử dụng một đại biểu, đó là lý do tại sao bạn thấy nó được gắn với đối tượng tài liệu, với thẻ 'a' làm đối số thứ hai. Bằng cách này, tất cả các thẻ 'a' sẽ được xử lý, bất kể khi nào chúng được thêm vào.

Tất nhiên, bạn vẫn phải cài đặt plugin InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Sẽ hoạt động nhưng chỉ khi bạn đã cài đặt plugin inappbrowser. Để cài đặt, sử dụng terminal, hãy duyệt đến thư mục www trong dự án của bạn và nhập:

phonegap plugin add org.apache.cordova.inappbrowser

hoặc là

cordova plugin add org.apache.cordova.inappbrowser

Sau đó, liên kết của bạn sẽ mở trong trình duyệt.

Với Cordova 5.0 trở lên, plugin InAppBrowser được đổi tên trong sổ đăng ký plugin Cordova, vì vậy bạn nên cài đặt nó bằng

cordova plugin add cordova-plugin-inappbrowser --save

Sau đó sử dụng

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

Tôi đang sử dụng PhoneGap Build (v3.4.0), tập trung vào iOS và tôi cần có mục nhập này trong config.xml của mình để PhoneGap nhận dạng plugin InAppBrowser.

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

Sau đó, sử dụng window.open (url, target) sẽ hoạt động như mong đợi, như được nêu ở đây .

Tôi cũng gặp phải vấn đề liên kết không mở trên trình duyệt, đây là cách khắc phục của tôi bằng các bước:

1: Cài đặt plugin cordova này.

cordova plugin add cordova-plugin-inappbrowser

2: Thêm liên kết mở trong html như sau.

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

3: Đây là bước importaint nhiều nhất do tôi gặp phải rất nhiều vấn đề: tải cordova.jstệp xuống và dán vào wwwthư mục. Sau đó, hãy tham khảo điều này trong index.htmltệp.

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

Giải pháp này sẽ hoạt động cho cả môi trường Android và iPhone.

Như thế này :

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