交互式词典的案例——PhET Interactive Simulations

firetimer · 发表于 2020-4-1 11:18:24

本帖最后由 firetimer 于 2020-4-1 11:57 编辑

这其实是个“词典”，但不归属于本站的任何一个分类，所以用于制作讨论。
OpenZIM的解包样例——Wikivoyage 中文版
【2020年02月版/MDX/MDict】喂鸡旅游图文试读版感谢 @喬治兄等的讨论。
自上次提出 iframe 式构造字典后，我又有了更佳的方案，比起框架方案，它
在安卓上可以使用；
联合查询时不会坍缩（变成窄条）
支持复杂的网络互动。

【题外话：这也警示我们，使用来历不明的词典有风险。词典可以不经用户许可自动读取网络资源，包括用户的局域网、共享打印机等，也可以实施对计算机的注入攻击。】

本“词典”不适用于 PC 版 MDict。

文件约 53 MB。
链接：https://pan.baidu.com/s/1AklRDvJf2j84VIrQbTUFaQ
提取码：0v0ohttps://share.weiyun.com/5szznBF

wzl1976 · 发表于 2020-4-1 12:06:35

比较新奇的词典看看

liqima · 发表于 2020-4-1 15:01:42

安装了，会不会被你攻击了

喬治兄 · 发表于 2020-4-1 17:35:17

firetimer 兄:
真是創意無限......
太強了...

firetimer · 发表于 2020-4-1 18:10:52

本帖最后由 firetimer 于 2020-4-1 18:13 编辑

nonwill 发表于 2020-4-1 15:31
HTML5和flash动画，担心有问题的话完全可以将所依赖的资源都下载回来做成离线版的----而且在线浏览受限于网 ...

哈，这个是纯离线的；不过只是探索过程中发现引用在线资源也是可以的^_^
真用于基础教育的话，建议使用原生的 OpenZIM 浏览器（比如 Kiwix）哦……

Jiangxi · 发表于 2020-4-1 19:27:30

好神奇，新鲜用法，辛苦制作

firetimer · 发表于 2020-4-1 21:04:52

nonwill 发表于 2020-4-1 18:52
如果把纯html5和js脚本的内容都可以打包到mdx中去，用起来会方便很多，新版的mdict应该也是能支持的 ...

HTML5 内容和 JS 内容都在 mdd 里。js 和 css 重复率太高，放在 mdd 里节省空间。
具体到这个词典，新版 Mdict 不认识 Promise（ES6 特性），这个不是词典制作者能左右的……

last_idol · 发表于 2020-4-1 22:27:18

不支持Promise之类的兼容问题，可以用babeljs解决，专门负责把es7, es6打包成es5代码。如果还不支持，可以选择es5-shim之类的兼容包，是用es3实现，可以兼容到xp上的ie。

last_idol · 发表于 2020-4-1 22:48:13

nonwill 发表于 2020-4-1 22:11
我这在ie试了下，是可以加载那些个离线的html5动画网页的。
Mdict使用的ie控件跟window自带ie的浏览器的 ...

WIN10最新版Mdict 2.0用的还是MSHTML，内核是IE7.0，没换新出的EdgeHTML。

skmpzj · 发表于 2020-4-2 00:00:30

看看最新技术

firetimer · 发表于 2020-4-2 00:24:54

last_idol 发表于 2020-4-1 22:27
不支持Promise之类的兼容问题，可以用babeljs解决，专门负责把es7, es6打包成es5代码。如果还不支持，可以 ...

这么个玩具（也不是个正经词典）不太值得花工夫去研究那些 js ……更不要说还有 css 属性不兼容之类的……词典资源也放在这了，大家有兴趣的可以解压看看……

喬治兄 · 发表于 2020-4-2 01:58:43

本帖最后由喬治兄于 2020-4-2 02:47 编辑

firetimer 兄:
您的創意不絕呀....
也激發小弟許多想法
但同樣的不适用于 PC 版 MDict.....不知是 css, js 打包於 mdd 的先天限制還是.....整合上莫明的問題不知如何解決
全文搜索顯然......還有許多底層的問題有待解決
<iframe>.....在查詢了一堆 css 用法, 似乎都不太建議用此<iframe>.......但似乎比較推薦 frameset ....原因不明....
仁兄可以考慮試試 frameset .....感覺也蠻彈性適用的....
小弟目前還未來得及詳細去試
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_cols
<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

此查詢也是無法執行的網頁上是 OK 無誤的
或許於介面上查詢功能已被 mdict 鎖死, 所以不太可能去調動那區塊

firetimer · 发表于 2020-4-2 09:59:37

喬治兄发表于 2020-4-2 01:58
firetimer 兄:
您的創意不絕呀....
也激發小弟許多想法

大概因为 frameset 是较为早期的基础语法兼容性好吧。但是我担心在联合查询（现有的iframe在联合查询时会缩成一条）以及手机查询时出兼容性问题。

喬治兄 · 发表于 2020-4-2 10:23:53

本帖最后由喬治兄于 2020-4-2 13:32 编辑

firetimer 发表于 2020-4-2 09:59
大概因为 frameset 是较为早期的基础语法兼容性好吧。但是我担心在联合查询（现有的iframe在联合查询时会 ...

firetimer 兄:
突然有個想法似乎把目錄大綱放進不是太難
這幾天來試試 frameset 的方法看看

联合查询（现有的iframe在联合查询时会缩成一条）

試試一個詞頭映對一個 html , 詞頭若重複再以 Mdict Editor Tool v2.0.35 來合併....此方法應可解...
合併後於最上面顯示第幾個詞條, 點擊則可直接跳往該頁, 此處理法也頗易達成

[工具] Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具 https://www.pdawiki.com/forum/thread-18986-1-1.html

手机查询时出兼容性问题.......試試 frameset.....說不定能解.......剛試 frameset ....不相容

sxingbai · 发表于 2020-4-2 13:25:40

感觉高大上，不知会不会用

lwx228 · 发表于 2020-4-3 16:08:29

每次回帖、谢谢！辛苦了。

xianht123 · 发表于 2020-7-19 20:35:35

太牛啦，膜拜大佬

[讨论] 交互式词典的案例——PhET Interactive Simulations

评分