@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') तो ब्राउज़र वास्तव में पॉप अप होता है और ध्यान हो जाता है डार्विन पर।

लिनक्स पर, आप xdg-open का उपयोग कर सकते हैं:
child_process.execSync('xdg-open http://example.com')

मैंने वास्तव में नोड-ओपन का उपयोग करने का निर्णय लिया है। यदि आप भागने और इस तरह के साथ खिलवाड़ नहीं करना चाहते हैं तो आपको इसे आज़माना चाहिए।

दोस्तों, लेकिन आपके समाधान बहुत अच्छे हैं, लेकिन मैं सोच रहा हूं कि " http://someurl.com " जैसे यूआरएल को खोलने के प्रयास को कैसे रोका जाए और फिर shell.openExternal साथ खोला जाए? सेवा कार्यकर्ता केवल उसी डोमेन पर फ़ाइलों के अनुरोधों को पकड़ने की अनुमति देता है। क्या ऐसा करने की क्षमता है? /cc @maxogden @AlicanC

यहाँ @havenchyk जैसा ही प्रश्न है, क्या इलेक्ट्रॉन को डिफ़ॉल्ट रूप से बाहरी लिंक खोलने के लिए कहने का कोई तरीका है?

यदि आपका ऐप केवल एक विंडो का उपयोग करता है, और आप गारंटी दे सकते हैं कि आपके ऐप का प्रत्येक बाहरी लिंक एक नई विंडो में खुलता है (उदाहरण के लिए target="_blank" ), तो आप कुछ ऐसा कर सकते हैं:

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

जहां webContents आपका मुख्य ब्राउज़रविंडो की वेब सामग्री है और open एक ऐसा फ़ंक्शन है जो आपके ब्राउज़र में url खोलता है (मैं AlicanC द्वारा अनुशंसित नोड-ओपन का उपयोग

यह अच्छा होगा यदि _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)=>{
कॉन्स्ट स्पॉन = आवश्यकता ('चाइल्ड_प्रोसेस')। स्पॉन;

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

मैकोज़ पर क्रोम और सफारी में उपयोगकर्ता को संकेत देगा लेकिन इलेक्ट्रॉन के ऊपर कोड के साथ ऐप खुल जाएगा।

ऐसा लगभग महसूस होता है कि इलेक्ट्रॉन स्वयं को यहां अधिक सुरक्षित होने के बजाय डिफ़ॉल्ट रूप से प्रत्येक व्यक्तिगत प्रोग्रामर को यह पता लगाने के लिए छोड़ देना चाहिए कि इसे अपने दम पर कैसे सुरक्षित बनाया जाए।

कम से कम आप शायद कुछ ऐसा चाहते हैं

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>

@alangranger - ts संस्करण की टिप्पणी के आधार पर:

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

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

डेटा यूआरएल के बारे में क्या?

कोणीय 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 ब्राउज़र में इलेक्ट्रॉन ऐप में इसे पुनः लोड करने के बजाय नई विंडो/टैब खोलेगा।

सभी विधियां ठीक काम करती हैं लेकिन केवल गैर रूट इलेक्ट्रॉन ऐप पर, मैं रूट एलिवेटेड प्रक्रिया पर डिफ़ॉल्ट ओएस ब्राउज़र पर बाहरी यूआरएल खोलने के लिए क्या उपयोग कर सकता हूं?

बस अन्य 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 यह दाहिने पृष्ठ के साथ एक और इलेक्ट्रॉन विंडो खोलता है। क्या यह अपेक्षित व्यवहार है?

नहीं, जब ठीक से लागू किया जाता है, तो मेरी पोस्ट को थ्रेड टिकट "मैं डिफ़ॉल्ट ओएस ब्राउज़र से यूआरएल कैसे खोलूं" का जवाब देना चाहिए मेरे द्वारा प्रदान किया गया उत्तर मेरे ऐप में काम करता है इलेक्ट्रॉन v5.0.11 , Vue v2.6.10 , कई विंडोज 10 और लिनक्स डेस्कटॉप मशीनों पर उत्पादन में परीक्षण किया गया

बस अन्य Vue.js उपयोगकर्ताओं के लिए एक उत्तर पोस्ट करना चाहता था।

@ travis5491811 यह दाहिने पृष्ठ के साथ एक और इलेक्ट्रॉन विंडो खोलता है। क्या यह अपेक्षित व्यवहार है?