Chrome UI
Chrome UI built with web stack.
Demo: https://pd4d10.github.io/chrome-ui/
Why?
An idea to use web technologies (CSS and JS) to simulate native UI, although not perfectly.
It is firstly inspired by Chrome Tabs.
See discussion on Hacker News and Echo JS.
How does it work?
No magic, just iframe
, with some trick to make it work as expected :)
Tabs' style is implemented with CSS.
Trouble Shooting
HTTP site cannot be loaded, will auto redirect to HTTPS
Yes, it is. Because iframes with src
set to HTTP will be blocked by HTTPS site.
It shows blank page instead of webpage content
Because the site you visited has HTTP Header Field X-Frame-Options
set. See http://stackoverflow.com/a/19843216.
Try www.bing.com
or en.wikipedia.org
instead.
It is messed up in my browser
If you find a bug or style mess, please submit an issue. Thanks!
Contribute
git clone https://github.com/pd4d10/chrome-ui.git
yarn
yarn start
# You can also use npm instead:
npm install
npm start
License
MIT