【神化世界】技能训练游戏在手机浏览器页面双击放大的彻底解决方案

最新推荐文章于 2025-12-02 16:35:00 发布

原创最新推荐文章于 2025-12-02 16:35:00 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#游戏

本文详细介绍了神化世界的各种功能，包括快速混合输入编辑、纯鼠标和键盘浏览、编辑快捷键、窗口切换等，以及为推广设计的游戏测试中的技术挑战和解决方案，特别是针对手机浏览器双击放大问题的viewport处理。

【神化世界】是一个前前后后历史数十年不断完善的一套通用电脑工具库。这是一套适应标准指法的快速混合输入编辑、操作系统，如果会用Linux的VI的就知道它功能的强大与黑科技含量了--

【1===快速混合输入编辑】
(0) 右<Alt>转成中文 (1）;;首字母大写（2）;Tab全部大写
(3) ;J回车 (4) ;K回车新行（5）;L回车(;保留)
（6）;其它字母输入特殊符号（7）左<Alt> 输入数字、特殊符号和文本编辑
(8) 适应编程环境的提示热键设置,在输入.(或者>)弹出提示窗口时,
自动将右<Alt>转为↓,空格转为Enter,方便编程时的快速选择。
(9) 输入法快速选择
中文输入法推荐使用2345pinyin_k86581195.exe,并设置为竖排选择模式
设置好后,选择汉字时 <;> =2 <'> =3 右<Alt> =4 左<Alt> =5

【2===纯鼠标快速浏览】
鼠标移动到一个新位置,滚轮上滚即可,每滚动一格,就翻一页。

【3===纯键盘快速浏览】
命令模式，按<E>上翻,按<D>下翻

【4===经典鼠标选择后轻松编辑】
按住鼠标左键选择好后----
（0）轻松粘贴鼠标右点即可
（1）轻松复制鼠标滚轮上滚一格即可
（2）轻松删除鼠标滚轮下点击一下即可

【5===纯鼠标轻松编辑】

（0）轻松粘贴鼠标左点不动右点即可
（1）轻松拖动鼠标左点，滚轮下滚一格开始,移动鼠标即可
（2）轻松拖动复制轻松拖动后鼠标滚轮上滚一格即可
（3）轻松拖动删除轻松拖动后鼠标滚轮下点击一下即可
（4）轻松拖动粘贴轻松拖动后鼠标右键点击一下即可
（5）轻松拖动停止轻松拖动后鼠标左键点击或滚轮下滚一格即可

【6===键盘鼠标轻松编辑】

（0）轻松拖动命令模式，按<F>移动鼠标即可
（1）轻松拖动复制命令模式，按<F>移动鼠标按<F>即可
（2）轻松拖动删除命令模式，按<F>移动鼠标按<G>即可
（3）轻松拖动粘贴命令模式，按<F>移动鼠标按<D>即可
（4）轻松拖动停止命令模式，按<F>移动鼠标按<S>即可
（5）轻松拖动剪切命令模式，按<F>移动鼠标按<A>即可

【7===纯键盘快速编辑】

（0）轻松移动输入模式，按左<Alt>后，<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻
此时按<L>模拟<Shift>按下开始选择----
（1）复制通过<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻选好后按<F>即可
（2）删除通过<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻选好后按<G>即可
（3）粘贴通过<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻选好后按<D>即可
（4）停止通过<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻选好后按<S>即可
（5）剪切通过<Z>↑，<X>↓，<C>←，<V>→，<B>上翻，<N>下翻选好后按<A>即可

【8===快速切换窗口】
命令模式按<S>或者右键点击2次就进入窗口切换模式
此时滚轮滚动或者按<Z>↑<X>↓<C>←<V>→选择窗口,按空格确定即可。

为了推广开发的【神化世界】程序，让广大程序员和办公人员更好地使用黑科技电脑操作，特别设计了对于十大绝招（复制、粘贴、回删、删除、翻页、大写、首大、选择、恢复、切换）的应用测试游戏来进行推广。

在设计这款网页测试小游戏时，由于需要不断地快速点击页面，竟然发现在任何手机浏览器中都会出现双击放大的bug。通过百度搜索千万次后，终于找到了一个完美的解决方案：那就是对于通用所有页面的解决办法没有！！！除非浏览器的Android内核做了改进，但是对于网页开发人员，还是可以通过viewport方法来解决一下。特别记录如下：

<img id="compman" src="/eos/key0.png" width="107" height="98">
<div id="dd0" onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 20px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 20px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 20px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 150px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 150px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 150px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 280px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 280px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 280px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 410px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 410px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 410px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 540px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 540px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 540px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 670px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 670px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 670px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 800px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 800px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 800px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 337px; top: 930px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #094A38; position: absolute; width: 60px; left: 177px; top: 930px; height: 20px; padding: 40px;">Click Me</div>
<div onmouseup="mUp(this)" style="background-color: #D94A38; position: absolute; width: 60px; left: 17px; top: 930px; height: 20px; padding: 40px;">Click Me</div>

function mUp(obj)
{
obj.style.backgroundColor="#D94A38";
obj.innerHTML="Thank ";
obj.style.left="-300";
//document.getElementById("dd0").style.width="6"
document.getElementById("compman").height="250";

document.getElementById("compman").width="300";

var element=document.getElementById("dd0");
element.style.left="155";
element.style.backgroundColor="#39fA08";
}
</script>

</body>
</html>