Coder Social home page Coder Social logo

darthbeep / atom-browser-webview Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lynchpin4/atom-browser-webview

0.0 2.0 0.0 1.07 MB

provides a simple, tabbed, browser-like environment INSIDE of atom (beta) - using the <webview> tag

License: MIT License

CoffeeScript 83.45% CSS 16.55%

atom-browser-webview's Introduction

atom-browser-webview package

A web browser that runs seamlessly in the Atom editor

Info / Features

This is a web browser tightly integrated into the Atom editor. The web pages appear in the normal editor tabs. The pages are fully functional with scripting and linking. A browser toolbar appears at the top of the Atom window to allow simple webpage navigation.

  • Is an actual web browser, no use of iframes so every site should load as it would in Chrome or Firefox. (Some individual web features i.e. popups may not be supported) *

News (Dec. 3rd 2015)

Updated to work with Atom 1.0, probably once again the only working web browser.


Finally a working tabbed browser, using webviews. (No iframes) The easiest way to get going is to toggle the UI in Browser -> Show / Hide Browser UI, or make atom.workspace.open('http://google.com/'); calls after launching.

This extension is designed to support multiple active tabs using visibility: css to work-around the deallocating webviews with display: none;

Usage

  • Install with apm install atom-browser-webview
  • Press ctrl-alt-B (web-browser:toggle) and a toolbar will appear above the tabs
  • Enter a url and press enter
  • To later create a new tab use ctrl-enter instead
  • Press ctrl-alt-B again to refocus input
  • Press ctrl-alt-B again to close toolbar
  • Click on globe in toolbar to close the toolbar (secret feature)

Screenshots / Attributions

PNG

Originally Created by Mark Hahn (https://github.com/mark-hahn/web-browser)

License

Copyright Graham S / Mark Hahn by MIT license

atom-browser-webview's People

Contributors

webpushers avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.