브라우저에서 phonegap 열기 링크

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

안녕하세요 전문가 저는 phonegap 2.9.0을 사용하고 있으며 위의 코드를 사용하여 브라우저에서 링크를 열고 있지만 동일한 앱에서 열립니다 ... 어떻게 사파리 브라우저를 열 수 있습니까?

같은 앱에서 웹 사이트가 열리고 다시 돌아올 수 없어서 앱을 삭제하고 다시 설치해야합니다 .....

유사한 질문 에서 제안한 대로 InAppBrowser 설명서에 따라 JavaScript를 사용 window.open하여 target인수를로 설정하여 호출 합니다 ._system

<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 및 장치 플러그인이 필요합니다.

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

Android 및 PG 3.0에서 나를 위해 작동합니다.

Android 및 iPhone에서 URL을 여는 방법에는 두 가지가 있습니다.

IOS의 경우 다음 코드를 사용하십시오.

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

그리고 안드로이드 OS의 경우 다음 코드를 사용하십시오.

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 용으로 사용하면서 OK입니다.

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');

작동하지만 inappbrowser 플러그인이 설치된 경우에만 작동합니다. 설치하려면 터미널을 사용하여 프로젝트에서 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>

iOS에 중점을 둔 PhoneGap Build (v3.4.0)를 사용하고 있으며 InAppBrowser 플러그인을 인식하려면 PhoneGap 용 config.xml에이 항목이 있어야했습니다.

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

그 후 window.open (url, target) 사용은 여기에 설명 된대로 예상대로 작동 합니다 .

또한 링크가 브라우저에서 열리지 않는 문제에 직면했습니다.

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>