nwjs编写浏览器外壳

某些展示性的网站，例如地铁用于路线指引的网站、社区办理大厅的流程指引网站，都需要浏览器全屏展示（F11）。使用浏览器全屏会有以下弊端：
- 页面跳转左下角会显示跳转地址
- 点击页面会出现鼠标点
- 闪屏

之前了解过node-webkit,现在改成nwjs,所以使用nwjs编写浏览器全屏外壳，nwjs的优点在这里就不重复了，有兴趣可以访问官网。

配置文件说明

nwjs/
│   ├── src
│   │   ├── config.js    // 配置
│   │   ├── index.html   // 入口html
│   │   ├── logo.jpg     // logo
│   ├── package.json     // 主要配置入口页面

config.js

配置需要跳转的页面地址

{"url":"http://www.baidu.com/"
}

index.html

主要控制页面跳转、快捷键监听、退出等功能。

使用说明

配置src/config.js 里的url
双击打开nw.exe，程序自动会加载config配置的url
退出确认快捷键Ctrl+Shift+D,点击确认即可退出

源代码

https://git.oschina.net/ryron/nwshell

nwjs编写浏览器外壳相关推荐

javascript学习随笔(编写浏览器脚本 Navigator Scripting )
在 HTML 中使用JavaScript JavaScript能以两种方式嵌入HTML: 作为语句和函数使用时,用 SCRIPT 标记作为事件处理程序使用时,用 HTML 标记 SCRIPT 标记 ...
html渐变编织背景,css3编写浏览器背景渐变背景色
web前端群,189394454,有视频.源码.学习方法等大量干货分享知识点:rgb全色循环算法,HEX与RGB颜色转换算法.CSS3颜色渐变,CSS3渐变色兼容ie方法,定时器与循环,函数封装,数 ...
js判断浏览器环境、内核、载体、外壳、操作系统等
我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问.项目中很多时候会遇到判断浏览器环境的问题,比如说微信浏览器/APP环境,ios/安卓环境:浏览器是JavaScrip ...
基于jQuery的插件扩展，主要用于识别浏览器内核与外壳的类型和版本
写了个基于jQuery的插件扩展,主要用于识别浏览器内核与外壳的类型和版本.可识别各种浏览器的内核,并已经支持多种国内主流浏览器. 费话不多说,上我的JavaScript代码:(文件名:jquery ...
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本
jquery.browsertype-1.0.js /** * jQuery插件开发方法二:第一步:插件定义*/ jQuery.myPlugin = {//获得浏览器的内核与外壳的类型和版本 Clie ...
WebView使用以及JS交互以及浏览器编写与高德导航
WebView使用以及JS交互以及浏览器编写与高德导航 WebView使用以及JS交互以及浏览器编写高德导航(步行,骑行,驾车,货车) WebView使用以及JS交互以及浏览器编写浏览器编写 &l ...
上千万行，十几G源码，浏览器为什么这么“变态”？
因公众号更改推送规则,请点"在看"并加"星标"第一时间获取精彩技术分享点击关注#互联网架构师公众号,领取架构师全套资料都在这里 0.2T架构师学习资料干货分 ...
《深入理解Android》一2.1　浏览器工作原理概述
本节书摘来自华章出版社<深入理解Android>一书中的第2章,第2.1节,作者孟德国王耀龙周金利黎欢,更多章节内容可以访问云栖社区"华章计算机"公众号查看 2. ...
浏览器内核、渲染引擎、x86与RAM架构等基本概念
什么是浏览器内核负责对网页语法的解释(如HTML.JavaScript)并渲染显示网页. 浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine ...

nwjs编写浏览器外壳

nwjs编写浏览器外壳

配置文件说明

config.js

index.html

使用说明

源代码

nwjs编写浏览器外壳相关推荐

最新文章

热门文章