codecamp

E4A浏览器

•关于E4A浏览器

浏览器在E4A里叫做浏览框,主要用来展示某个网页,它的作用不仅仅是展示一个网页,因为它本身还支持多种扩展用法,其有一重点特性就是可以做一个本地资源与web服务器的交互,包括:本地账号、密码、cookie等资源直接提交,网页标题、地址等资源回调。本节的定义是初级教程,所以我会讲一些简单的东西。

•浏览框跳转方法

这是浏览框的一个基本属性,主要用于访问一个页面,并将其以网页的形式展示出来。如图所示:

草图

可视化窗口放浏览框的绘制我就不放图了,看初级教程的第一节。

这里的​主窗口.创建完毕()​很好理解,就是下面​​浏览器.跳转()​代码​的一个发起条件,即当程序的窗口创建出来就回执行下面的代码。换句话说程序运行的时候就会跳转,看一下运行效果。

Screenshot_2018-12-31-13-49-44-904_com

这就是跳转的整体效果。

•浏览框取回字符串资源

我们能通过浏览框取出网页的地址、网页标题、取进度,为了展示这些功能我做一个浏览器的示例吧。



先开一个material风格会好看一点,再去掉标题栏。

然后绘制一个编辑框和进度条吧,如图:



然后写一下相关的代码:


浏览框.进度改变这个很好理解,就是加载进度有变化触发下面的进度条方法,这样就可以实时显示进度。

浏览框.获得焦点/失去焦点这个的意思就是当编辑框被点击一下就会获得焦点,当你点击其他组件就会失去焦点。

这样写可以达到浏览框跳转结束后编辑框显示的是网站的标题,当编辑框被点击就会显示出网址。这也是目前主流浏览器app的做法。具体效果看下面的视频:

点击这里


E4A时钟
MySql数据库开发
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }