易语言&miniblink交互教程——第一课了解 miniblink

测码奔腾永无BUG · 发表于 2023-2-7 13:39:18

1、什么是 miniblink？
Miniblink是一个非常小巧的浏览器内核，它由 @龙泉寺扫地僧基于chromium，去除了chromium所有多余的部件，只保留最基本的排版引擎blink，总而言之就是chromium的阉割版，也可以把它当成一个功能强大体积小巧的浏览器或者超文本浏览框。

2、为什么要用 miniblink？
原因很简单，如果miniblink做ui界面的话，你就可以用HTML5和Css3、Javascrip来实现各种炫酷的交互效果，同时你也可以调用很多开源的前端UI框架。

Ant Design框架：
https://ant.design/components/overview-cn/

3、学习 miniblink 需要哪些相关的知识？
前面有说到了，miniblink实际上就是个浏览器，浏览器渲染显示内容自然是要用到HTML、CSS、JavaScript/JQuery。
当然，如果你是纯易语言小白，或者说从来没接触过这方面的，学起来的过程可能会比较痛苦；但如果你接触过网页抓包、爬虫方面的，学起来就会很轻松。

4、必要的开发工具
使用合适的工具才能提高码字的效率，所以我给大家推荐几款我我在折腾Mniblink时常用的一些开发工具：

1、易语言（这个是必须的）
2、VSCode 或 HBuilder X ，主要用于前端开发，也就是在写HTML的时候用，个人感觉HBuilder X代码提示功能会更完善点；但是VSCode会更轻巧，看你个人的选择。
3、火狐浏览器或Chrome浏览器，这两款堪称程序员的最爱，由于miniblink没有内置开发者工具（被阉割了），所以只能通过这些浏览器来调试网页部分了。

5、Miniblink 学习计划
为了更高效地让大家学习 mniblink 如何使用，我主要把教程分为三个部分：

1、miniblink的窗口绑定、载入HTML
2、miniblink的JS函数绑定、交互、传参
3、miniblink的事件绑定

由于miniblink并未提供易语言的模块，因此也没有官方的相关教程及模块，目前我所使用的模块主要是 @kyozy 所开发的，虽然也提供了相关的例程，但内容比较凌乱，并且没有对应的教程解说，对于小白来说比较难入门，所以我弄了这个教程，带大家玩明白这玩意。

如果你需要这个例程可以在这里下载（虽然我的教程中用不上这个例程）：
https://pan.quark.cn/s/92a58340402e

补充内容 (2023-2-16 17:16):
WEBUI源码指引帖：https://bbs.125.la/forum.php?mod ... 14763215&page=1

全套教程可以看TX文档（懒得搬了）：https://docs.qq.com/doc/DQ1JOeFZaUUJRbURC