七星工作室推出了一个新产品——七星游戏浏览器。这款浏览器除了具有七星浏览器的全部功能以外,针对网页游戏提供了许多特性,包括侧边栏、游戏变速、分屏浏览、自动脚本录播、游戏脚本扩展API等等。这些功能使得七星游戏浏览器更适合做OEM浏览器的基础版。
下面,我们举几个例子给大家看看定制的过程:
例一:某公司为行业用户定制专用浏览器,行业用户日常关心新的行业新闻,以及财经方面的信息。因此希望在新建标签页的时候,可以看到新的相关的内容。该公司搭建了服务器,提供相关内容。七星工作室通过与该公司沟通,确定UI布局及样式,在新标签页中嵌入了指定的内容。定制结果参考界面如下图:
例二:某学校日常经常会发送一些通知,包括开学/放假通知、课程变更通知等。往常学校都是通过校内网站,或者通过院系层级通知,费时费力,还存在没通知到的情况。目前院校学生大多都有电脑,基本全部日常都会使用浏览器上网。因此,该学校定制一款浏览器用来发送通知。实现这个功能,只需要开发一个简单的扩展程序(大约100行代码),然后打包到浏览器的安装文件内即可。
示例程序下载例三:某政府部门日常办公需要访问多个Web业务系统,包括OA、财务、内部通讯录、资源共享等。政府办公人员需要记住/收藏各个系统的网址,并且每天多次访问各个系统查看是否有待办事宜。在侧边栏放置快速访问的内部网址导航(也可称之为:微导航),可以方便办公人员访问相应的系统以及经常访问的网址;并且可以通过侧边栏扩展与各个业务系统发布的接口无缝对接,提高办公人员的办事效率。侧边栏微导航扩展制作起来非常简单,七星工作室教你一步一步的制作:
(1)首先建立一个新文件夹,以扩展应用的名称为标题,我们这里的扩展名称叫做MicroNavigation;
(2)找一个格式为png的图标文件放到“MicroNavigation”文件夹中,尺寸不要小于19px*19px,命名为icon.png;
(3)在“MicroNavigation”文件夹中新建一个文本文件,重命名为“manifest.json”,并找任意文本编辑器进行编辑,将如下代码复制到该文件中:
{
"name": "MicroNavigation",
"version": "1.0",
"description": "Micro navigation for us.",
"icons": {
"48": "icon.png"
},
"browser_action": {
"default_icon": "icon.png",
"default_title": "Micro Navigation",
"default_popup": "popup.html"
},
"manifest_version": 2,
"x": {
"location": "side"
}
}
(4)在“MicroNavigation”文件夹中新建一个文本文件,重命名为“popup.html”,并找任意文本编辑器进行编辑,将如下代码复制到该文件中:
Micro Navigations
内部网址导航
(5)在浏览器地址栏里输入“chrome://extensions”后回车,或者选择“Chrome-工具-扩展程序”菜单,打开浏览器的扩展管理页面,勾选页面内右上角的“开发者模式”复选框;
(6)点击“加载正在开发的扩展程序...”按钮,在弹出对话框中选择“MicroNavigation”文件夹后,点击“确定”按钮,这时我们可以发现在侧边栏多出一个扩展,在侧边栏内可以查看这个扩展的效果,并进行调试;
(7)点击“打包扩展程序...”按钮,在弹出对话框中的“扩展程序根目录”中选择“MicroNavigation”文件夹(“私有密钥文件”第一次不用选择,以后开发新版本时才需要)后,点击“打包扩展程序”按钮,它会在“MicroNavigation”文件夹的上一级生成MicroNavigation.crx和MicroNavigation.pem,MicroNavigation.pem是程序签名文件,以新版本的开发中还需要这个文件,不要删除它。
至此,一个基本的微导航扩展就开发完毕了。后续,可以对这个扩展继续完善,例如:对扩展通过css进行美化、使用javascript增加交互操作、可以将网址列表保存在内部存储localStorage中、增加用户自定义功能等等。将开发好的扩展程序交给七星工作室,会为您打包到浏览器的安装文件中。
示例程序下载