@luicaps 문서는 https://github.com/atom/atom-shell/blob/master/docs/api/shell.md#shellopenexternalurl에 있습니다.

내 설정에서 shell.openExternal('http://example.com') 및 shell.openItem('http://example.com') 를 모두 시도했고 둘 다 백그라운드에서 웹 사이트를 열었습니다.

내가 사용하는 결국 child_process.execSync('start http://example.com') 는 Win32에서와 child_process.execSync('open http://example.com') 브라우저가 실제로 나타나고 포커스를받을 수 있도록 다윈을.

Linux에서는 xdg-open을 사용할 수 있습니다.
child_process.execSync('xdg-open http://example.com')

실제로 node-open 을 사용하기로 결정했습니다. 탈출 등을 엉망으로 만들고 싶지 않다면 시도해야합니다.

여러분, 하지만 귀하의 솔루션은 훌륭하지만 " http://someurl.com "과 같은 URL을 여는 방법을 가로채서 shell.openExternal 로 여는 방법이 궁금합니다. 서비스 워커는 동일한 도메인에 있는 파일에 대한 요청만 잡을 수 있습니다. 이것을 할 수 있는 능력이 있습니까? /cc @maxogden @AlicanC

@havenchyk 와 같은 질문입니다. 전자에게 기본적으로 외부 링크를 열도록 지시하는 방법이 있습니까?

앱이 하나의 창만 사용하고 앱의 모든 외부 링크가 새 창에서 열리도록 보장할 수 있는 경우(예: target="_blank" ), 다음과 같이 할 수 있습니다.

webContents.on('new-window', function(event, url){
  event.preventDefault();
  open(url);
});

여기서 webContents 는 기본 BrowserWindow의 webContents이고 open 는 브라우저에서 URL을 여는 기능입니다(저는 AlicanC에서 권장하는 대로 node-open 을 사용

_any_ 링크를 클릭할 때 이벤트가 발생하여 앱이 브라우저에서 열어야 하는지 여부를 결정할 수 있으면 좋겠지만 그런 이벤트가 있으면 찾지 못했습니다.

SO에서 이 코드 스니펫을 찾았습니다.

    var shell = require('electron').shell;
    //open links externally by default
    $(document).on('click', 'a[href^="http"]', function(event) {
        event.preventDefault();
        shell.openExternal(this.href);
    });

내 기본 색인 파일에 삭제했는데 동적으로 생성된 링크에 대해서도 내가 말할 수 있는 한 작동하는 것 같습니다. 나는 전자에 대해 너무 멍청해서 내가 주의해야 할 단점이 있는지 알지 못합니다. 생각?

이 코드를 사용하고 있습니다.

var handleRedirect = (e, url) => {
  if(url != webContents.getURL()) {
    e.preventDefault()
    require('electron').shell.openExternal(url)
  }
}

webContents.on('will-navigate', handleRedirect)
webContents.on('new-window', handleRedirect)

먼저 스폰 프로세스를 선언하십시오.

`app.controller('GuideCtrl', ['$scope', ($scope)=>{
const 스폰 = require('child_process').spawn;

  $scope.openBrowser=(url)=>{
     let exec = spawn('explore', [url], {});
     exec.stdout.on('data', (data)=> {
        console.log('stdout: ' + data)
     });
  }

}])`

그리고 메소드를 호출하기 전에

<a ng-click="openBrowser('https://google.com')">Goto google</a>

shell.openExternal 보안 문제가 있습니까? 예를 들어 링크가 네트를 벗어나면 원시 네트 데이터가 shell.openExternal 또는 위의 다른 기능으로 전달됩니다. shell.openExternal 가) 나쁜 일이 일어나지 않도록 합니까? 스키마를 필터링해야 합니까?

@rubencodes 의 코드를 기반으로 다음을 사용했습니다.

const shell = require('electron').shell; $('.open-in-browser').click((event) => { event.preventDefault(); shell.openExternal(event.target.href); });

그런 다음 브라우저에서 열려는 각 요소에 '브라우저에서 열기' 클래스를 드롭하기만 하면 됩니다.

다음은 다른 사람이 찾고 있는 경우를 대비하여 JQuery가 필요하지 않은 것입니다. 외부 브라우저에서 'http'로 시작하는 모든 링크가 자동으로 열립니다.

이것을 렌더러 프로세스에 넣으십시오.

// Open all links in external browser
let shell = require('electron').shell
document.addEventListener('click', function (event) {
  if (event.target.tagName === 'A' && event.target.href.startsWith('http')) {
    event.preventDefault()
    shell.openExternal(event.target.href)
  }
})

모든 <a> 태그가 기본 브라우저에서 열리도록 하려면 main.ts에서 다음을 시도하세요.

const shell = require('electron').shell;

mainWin.webContents.on('will-navigate', (event, url) => {
  event.preventDefault()
  shell.openExternal(url)
});

이것은 나와 같은 단일 페이지 앱이 있다고 가정합니다. 그렇지 않은 경우 추가 소독을 수행해야 합니다.

화이트리스트가 없는 사용자 콘텐츠와 함께 이것을 사용하는 것은 아마도 보안상의 허점이 될 수 있다는 점을 반복하고 싶습니다. 다양한 구성표가 모두 무엇을 하는지, 입력값이 무엇인지는 모르겠지만 다음과 같은 간단한 예입니다.

 <a href="imessage:hello">click me</a>

macOS의 Chrome 및 Safari에서 사용자에게 메시지를 표시하지만 Electron 위의 코드를 사용하면 앱이 열립니다.

Electron 자체가 모든 개별 프로그래머에게 스스로 보안을 유지하는 방법을 알아내도록 맡기기보다는 여기에서 더 안전한 기본 설정을 해야 하는 것처럼 느껴집니다.

최소한 다음과 같은 것을 원할 것입니다.

function isSafeishURL(url) {
  return url.startsWith('http:') || url.startsWith('https:');
}

mainWin.webContents.on('will-navigate', (event, url) => {
  event.preventDefault();
  if (isSafeishURL(url)) {
    shell.openExternal(url);
  }
});

@greggman https://electronjs.org/docs/api/session#sessetpermissionrequesthandlerhandler 에서 공개 외부 권한 유형을

차단할 수 있습니다 👍

안녕하세요, 저는 vue.js를 사용하고 있으며 위의 논의에서 영감을 받아 이 문제를 해결합니다. vue를 사용하는 나와 같은 문제가 있는 경우를 대비하여 여기에 제 코드를 붙여넣습니다.

<template>
<div class="board-item" v-for="element in list" :key="element.id">
<span><a class='board-item-a' :href='element.url' target='_blank'>{{element.title}}</a></span>
</div>
</template>

<script>
mounted () {
this.$el.querySelectorAll('.board-item-a').forEach(a => {
a.addEventListener('click', (e) => {
e.preventDefault()
require('electron').shell.openExternal(e.target.href)
})
})
},
</script>

@alangrainer - ts 버전의 의견을 기반으로 합니다.

const {app, shell, BrowserWindow} = require('electron');

...
mainWindow.webContents.on('new-window', function(event, url){
   event.preventDefault();
   shell.openExternal(url);
});

데이터 URL은 어떻습니까?

Angular 7 버전(라이브 다시 로드 포함):

        const openExternalLinksInOSBrowser = (event, url) => {
            if (url.match(/.*localhost.*/gi) === null && (url.startsWith('http:') || url.startsWith('https:'))) {
                event.preventDefault();
                shell.openExternal(url);
            }
        };
        win.webContents.on('new-window', openExternalLinksInOSBrowser);
        win.webContents.on('will-navigate', openExternalLinksInOSBrowser);

url.match(/.*localhost.*/gi) === null 부분이 필요합니다. 그렇지 않으면 각도 응용 프로그램에서 무언가를 변경할 때 전자 앱에서 다시 로드하는 대신 OS 브라우저에서 새 창/탭이 열리기 때문입니다.

모든 방법은 잘 작동하지만 루트가 아닌 전자 앱에서만 작동합니다. 루트 상승 프로세스의 기본 OS 브라우저에서 외부 URL을 여는 데 무엇을 사용할 수 있습니까?

다른 Vue.js 사용자를 위한 답변을 게시하고 싶었습니다.

<template>
  <div>
    <a href="https://google.com" target="_blank" @click.prevent="openExternalBrowser">Google.com Status</a>
  </div>
</template>

<script>
const { remote } = require('electron');

export default {
  name: 'HelloWorld',
  methods: {
    openExternalBrowser(e) {
      remote.shell.openExternal(e.target.href);
    },
  },
};
</script>

다른 Vue.js 사용자를 위한 답변을 게시하고 싶었습니다.

<template>
  <div>
    <a href="https://google.com" target="_blank" @click.prevent="openExternalBrowser">Google.com Status</a>
  </div>
</template>

<script>
const { remote } = require('electron');

export default {
  name: 'HelloWorld',
  methods: {
    openExternalBrowser(e) {
      remote.shell.openExternal(e.target.href);
    },
  },
};
</script>

감사합니다.

main.js :

app.on('web-contents-created', (e, contents) => {
    contents.on('new-window', (e, url) => {
      e.preventDefault();
      require('open')(url);
    });
    contents.on('will-navigate', (e, url) => {
      if (url !== contents.getURL()) e.preventDefault(), require('open')(url);
    });
});

오픈 패키지 를 설치해야

npm i open --save

다른 Vue.js 사용자를 위한 답변을 게시하고 싶었습니다.

@travis5491811 그러면 올바른 페이지가 있는 또 다른 Electron 창이 열립니다. 이것이 예상된 동작입니까?

아니요, 제대로 구현되면 내 게시물은 " 기본 OS 브라우저 에서 URL을 여는 방법"이라는 스레드 티켓에 응답해야 내가 제공한 답변은 내 앱 Electron v5.0.11 , Vue v2.6.10 에서 작동하며 여러 Windows 10 및 Linux 데스크톱 컴퓨터에서 프로덕션 환경에서 테스트되었습니다.

다른 Vue.js 사용자를 위한 답변을 게시하고 싶었습니다.

@travis5491811 그러면 올바른 페이지가 있는 또 다른 Electron 창이 열립니다. 이것이 예상된 동작입니까?