Comment créer chrome comme sur l'onglet de l'Électron

Je fais une application de bureau à l'aide de Github de l'Électron, et vous voulez savoir comment puis-je définir google chrome comme les onglets.

Comme lorsque l'on ouvre n'importe quel navigateur ou disons chrome, on peut ajouter l'onglet créer sur la même fenêtre, de même je veux que cela se fasse dans mon application de bureau. Je creuse sur les électrons du doc et de la communauté des paquets, mais ne trouve rien.

OriginalL'auteur Ravindra Barthwal | 2016-07-08

  1. 6

    Trouvé cette chose. La documentation est étonnamment scarse. Mais quand vous vous regardez dans le index.html c'est assez facile.
    Vient de mettre

    <div class="chrome-tabs">
    <div class="chrome-tabs-content"></div>
    <div class="chrome-tabs-bottom-bar"></div>
</div>

    Et le javascript:

    var el = document.querySelector('.chrome-tabs');
var chromeTabs = new ChromeTabs();
chromeTabs.init(el, { tabOverlapDistance: 14, minWidth: 45, maxWidth: 243 });

    Et c'est fait.

    MODIFIER

    Des informations supplémentaires

    À utiliser chrome-onglets, vous devez inclure draggabilly et chrome-onglets:

    <script src="https://unpkg.com/[email protected]/dist/draggabilly.pkgd.min.js"></script>
<script src="js/chrome-tabs.js"></script>

    Et pourraient vous intéresser supplémentaires écouteur d'événement:

    el.addEventListener('activeTabChange', ({ detail }) => console.log('Active tab changed', detail.tabEl))
el.addEventListener('tabAdd', ({ detail }) => console.log('Tab added', detail.tabEl))
el.addEventListener('tabRemove', ({ detail }) => console.log('Tab removed', detail.tabEl))

    FIN DE L'EDIT DE

    Pour ajouter un onglet:

    chromeTabs.addTab({
      title: 'New Tab',
      favicon: 'demo/images/default-favicon.png'
    });

    Pour supprimer l'onglet:

    chromeTabs.removeTab(el.querySelector('.chrome-tab-current'));

    Mais vous avez besoin de coder le panneau de contenu (probablement webview élément) et son css manuellement.

    Autre alternative est d'utiliser électron-onglets. Mais quand j'ai essayé de l'utiliser, elle a créé deux onglets dans le javascript quand je l'appelle tabGroup.addTab(). Donc je ne peux pas le recommander.

    OriginalL'auteur Fandi Susanto

  2. 0
    var shell = require('electron').shell;
event.preventDefault();
shell.openExternal('https://github.com');
    Barthwal Webking, je viens de recevoir ceci, j'ai trop face à un même problème qui pourrait pas le faire
    vous pouvez donc mettre à jour votre code pour ouvrir un nouvel onglet dans la fenêtre du navigateur ?

    OriginalL'auteur batMan007