我们日常见到的网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
代码是如何形成网页的呢? 那就需要浏览器引擎进行解析渲染了。
浏览器是网页运行的平台,常用的浏览器有:
根据市场调查机构 Statcounter 最新公布的数据,2023 年 11 月全球桌面浏览器市场份额排名前三名分别是谷歌 Chrome(62.06%)、苹果 Safari(13.3%)和 Edge 浏览器(5.5%)。虽然 Edge 浏览器在全球范围内均有分布,但其份额仍无法超过 Safari 浏览器。与上月相比,Chrome 的份额下降了 0.25 个百分点,Safari 的份额增加了 0.07 个百分点。Firefox 在该月的全球份额达到 3.24%,相比上月增长了 0.22 个百分点。
在桌面端浏览器市场中,Chrome 继续稳居第一,市场份额为 62.06%,尽管有所下降但也属于正常波动范围。Safari 以 13.3% 的份额紧随其后,在全球范围内享有较高的知名度。Edge 的市场份额从上月的 11.8% 下降到 11.23%,仍然保持着良好的增长趋势。
此外,Firefox 的全球份额也有所上升,达到 6.69%,与其他浏览器相比表现强劲。Opera、360 安全浏览器、IE 等其他浏览器也在全球范围内占有一定的市场份额。
总体而言,在桌面浏览器市场上,Chrome 继续保持着领先地位,而 Safari 和 Edge 则在市场上展开了激烈的竞争。预计在未来几个月内,这些产品将继续保持稳定的增长态势,并且会继续影响着用户的使用习惯和技术趋势。
浏览器内核又可以分成两部分:【渲染引擎】(layout engineer 或者 Rendering Engine) 和 【JS 引擎】。
内核通常只指渲染引擎:
最开始渲染引擎和 JS 引擎并没有区分的很明确,后来【JS 引擎越来越独立,内核就倾向于只指渲染引擎】。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。
(1)Trident(IE内核)
Trident [ˈtraɪdn:t]:n. 三叉戟
国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式"。
代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等(这些国产浏览器都是双内核)。
Window10 发布后,IE 将其内置浏览器命名为 Edge,Edge 最显著的特点就是新内核 EdgeHTML。
(2)Gecko(firefox)
Gecko [ˈgekoʊ] n. 壁虎
Gecko(Firefox 内核): Mozilla FireFox(火狐浏览器) 采用该(渲染引擎),Gecko 的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。 可惜这几年已经没落了, 比如 打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
(3)webkit(Safari)
Safari 是苹果公司开发的浏览器,所用浏览器内核(渲染引擎)的名称是大名鼎鼎的开源引擎 WebKit。
现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了)。
代表浏览器:傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 4.4之前的默认浏览器
(4)Chromium/Bink(chrome)
Blink [biŋk] n. 架子;长凳
在 Chromium 项目中研发 Blink 渲染引擎,内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支, 也是开源的。 (大名鼎鼎的 V8 是 Chrome 的 JS 引擎)
大部分国产浏览器最新版都采用Blink内核。
(5)Presto(Opera)
Presto ['prɛsto] adj. 迅速的
Presto 是挪威产浏览器 opera 的 "前任" 内核(渲染引擎),为何说是 "前任",因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。
了解一点:
移动端的浏览器内核主要说的是系统内置浏览器的内核。
目前移动设备浏览器上常用的内核有 Webkit,Blink,Trident,Gecko 等,其中 iPhone 和 iPad 等苹果 iOS 平台主要是 WebKit,Android 4.4 之前的 Android 系统浏览器内核是 WebKit,Android4.4 系统浏览器切换到了Chromium,内核是 Webkit 的分支 Blink,Windows Phone 8 系统浏览器内核是 Trident。
通过了解以上浏览器的内核不同,我们知道他们工作原理、解析肯定不同,显示就会有差别。
由于不同的浏览器解析出来的效果可能不一致,开发中通常需要为同个界面做多版本的开发。
1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
理想状态下,我们的源码由3部分组成: .HTML 文件(定义结构) .css 文件(定义样式) .js 文件(定义行为)
这样代码的结构清晰,好维护
打个比方:
作者:youerning 来源:http://youerning.blog.51cto.com/10513771/1733534
言
用 Python 写安卓 APP 肯定不是最好的选择,目前用Java和 kotlin 写的居多,但是肯定也是一个很偷懒的选择,而且实在不想学习 Java,再者,就编程而言已经会的就 Python与Golang(注:Python,Golang水平都一般),那么久Google了一下Python 写安卓的 APP 的可能性,还真行。
既然要写个APP,那么总得要有个想法吧。其实想做两个APP来着,一个是自己写着好玩的,一个是关于运维的。关于运维的APP,设计应该如下
可能长这样
然后设计应该是这样。
如果觉得可行的话,评论留言一下你觉得应该写进这个APP的运维常用命令吧^_^,笔者暂时想到的是top,free -m,df –h,uptime,iftop,iotop,如果有什么好的想法就狠狠的砸过来吧,笔者到时应该也会把这个写成一个项目放到github上,大家一起用嘛,开源才是王道,哈哈。
开发安卓APP
我们使用kivy开发安卓APP,Kivy是一套专门用于跨平台快速应用开发的开源框架,使用Python和Cython编写,对于多点触控有着非常良好的支持,不仅能让开发者快速完成简洁的交互原型设计,还支持代码重用和部署,绝对是一款颇让人惊艳的NUI框架。
因为跨平台的,所以只写一遍代码,就可以同时生成安卓及IOS的APP,很酷吧。
本文会带大家写一个Hello world并瞧一瞧 Python 版的2048的代码
kivy安装
环境说明:笔者在用的是Python2.7.10
这里仅介绍windows平台安装
所有平台参考: https://kivy.org/#download
更新pip,setuptools
python -m pip install --upgrade pip wheel setuptools
然后是安装所需要的依赖
python -m pip install docutils pygmentspypiwin32 kivy.deps.sdl2 kivy.deps.glew kivy.deps.gstreamer --extra-index-url https://kivy.org/downloads/packages/simple/
值得注意的是,上面的安卓需要访问Google,所以请自备梯子,而且kivy.deps.gstreamer这个包比较大(95MB),可以单独本地安装,http://pan.baidu.com/s/1o7mlxNk
然后就是安装kivy了
python -m pip install kivy
至此,安装就已经完毕了,值得注意的是64位系统没有开启虚拟化支持,在导入kivy的时候会报错,如果是64位系统就设置一下机器的BIOS,开启虚拟化支持吧。
注:这里只是kivy的运行环境,这样我就能直接在windows机器上直接调试了,怎么将代码编译成APK文件我们会在后面讲到。
如果kivy在python中应该就能导入了。
按照世界惯例,我们”hello”一下吧。
新建一个.py文件
运行
然后会弹出一个框,大概如下,点击”hello,kivy”会变颜色
点击窗口并按“F1”会这个窗口的一些属性
然后我们回过头看一看代码。
上面就是我们的Hello了
在windows上运行当然没有什么太大的意义,怎么在安卓手机上运行才是我们想要的,
这时我们需要一个编译环境。
官方说明的环境,如下:
You’ll need:
虽然官方提供了一个似乎还不错的虚拟机镜像,但是还是有很多内容需要翻出去,所以笔者在这里提供相对而言更加完善的镜像
下载地址:http://pan.baidu.com/s/1geyAY7x
注:virtualbox,vmware需自行下载
root密码:kivy
默认使用账户kivy,密码:kivy123
当然你也可以下载官方镜像,因为第一次编译需要去国外下一大堆东西,所以请自行去下载。
Virtual Machine
A Virtual Machine with Android SDK and NDK and all otherpre-requisites pre installed to ease apk generation:
在笔者提供的镜像里,桌面上有一个dev_and,只要将上面写的代码,放入这个文件夹即可(当然也可以在其他目录,后面会讲到)。
cd Desktop/dev_and/
初始化会在当前目录生成一个buildozer.spec文件 用于配置生成的apk相关信息
buildozer init
###修改buildozer.spec文件
vi buildozer.spec
至少修改下面三项
# (str) Title of your applicationtitle = helloworld # (str) Package namepackage.name = helloapp # (str) Package domain (needed for android/ios packaging)package.domain = youer.com
然后注释
# (str) Application versioning (method 1)#version.regex = __version__ = ['"](.*)['"]#version.filename = %(source.dir)s/main.py
下面这行改为非注释 version = 1.2.0
最后我们生成我们需要的apk文件
buildozer -v android debug
buildozer.spec更详细的相关参数配置参考:
http://buildozer.readthedocs.org/en/latest/specifications.html
buildozer命令会在当前文件夹创建一个bin,该文件夹里面有我们想要的apk文件
helloapp-1.2.0-debug.apk
helloapp-1.2.0-debug.apk
安装以后是这样:
话说在编译的时候可能出现空间不足的情况,根据虚拟机的不同(vmware或virtualbox)自行扩容吧。
最后我们来瞧瞧简易版Python开发的2048这个游戏的源代码。
代码:
https://github.com/mvasilkov/kb/tree/master/6_2048
先看效果图:
试玩了一下,还是蛮流畅的,有兴趣的可以下载玩一下。
下载地址:http://pan.baidu.com/s/1eQZACDW
这个游戏代码虽然不长,但是还是蛮占篇幅的,所以简要的说明一下流程。
主要由三部分组成,一是素材,图片音频之类的文件,二是Python代码,三是kv文件,这个kv文件有点像 html 中的css。
Python代码的文件名一般命名为 main.py
然后一定有一个叫做 XXXApp 的类,并继承 App。
比如该类叫做GameApp,那么该目录下的kv文件则必须为Game,如上图所示,如果不是,那么kv文件中的一些设定就不会生效。
比如设定一个标签
Label: id: time text: 'xxxx' font_size: 60
id为time,text文本内容为'xxxx',然后字体为60
好吧,点到为止吧,不过似乎什么都没点到。
系列教程致力于可以快速的进行学习安卓开发,按照项目式的方法,通常一篇文章会做一个小程序。提高学习的兴趣。
一方面总结自己所得,另一方面可以通过自己的分享帮助更多学习的同仁。
因为知识的连贯性,推荐按照瞬息进行学习。目录链接:http://www.chengxiaoxiao.com/bozhu/1336.html
本教程由-做全栈攻城狮原创首发,转载请注明出处。
求兼职:请联系wx:aiquanzhan
页尾提供github源代码下载地址。
一、项目描述:
众所周知,组成网站的每个页面都是通过HTML进行展示的。我们可以通过在网页右键进行查看源代码。具体查看html源代码。而作为安卓,应该如何获取网页源代码呢?容我慢慢道来。
二、所需技术点:
多线程
网络请求
文件流
三、一起开发
3.1分析:开发网页源代码查看器,主要步骤大约为:根据网址发出请求,解析响应流得到网页源代码,然后把网页源代码显示出来。
3.2前台界面:输入点击获取按钮,自动获取指定网页源代码显示在下方。
贴个代码:
ScrollView:这是个设置垂直滚动条的控件。这样哪怕textView特别大。我们也可以通过向下滑动显示textView的全部内容了。
3.3初始化数据和控件
3.4获取网页源代码,需要进行网络请求操作。而网络请求因网速等原因是非常耗时,安卓在较早版本中支持直接进行网络请求的。后期版本只能通过开启另外的线程进行网络请求了。
所以我们需要。开启新线程。
如何开启新线程:
新线程和UI线程的通信:
UI界面所在的线程和本线程不是在相同的线程,两者不能直接进行通信。必须通过一个Handler进行传递。好比老板都需要一个秘书进行上传下达。Handler就是起了这个作用。
初始化一个Handler:
如何给Handler发送消息?
3.5进行网络请求:
一切准备就绪:开始的啦:
流对象转换为字符串:
当然进行网络请求需要配置权限的:
打开AndroidManifest文件:
最终后台处理代码:
效果:
源代码链接:https://github.com/shellcheng/AndroidHTMLViewer
原创:做全栈攻城狮- WX:aiquanzhan
*请认真填写需求信息,我们会在24小时内与您取得联系。