复制全部html代码保存为.html文件如何在手机上操作

等等,我昨天尝试用微信保存。
那是 1 0 月 2 6 日。
我正在咖啡店等朋友,突然收到一条微信,说这是一个网站的前端代码。
我随意打开。
文件不大,只有几千字节。
我现在想把它保存起来,改天再读。
就像我说的,点击文件传输助手中的 HTML 文件,然后将其保存到手机附带的文件管理器中。
保存结果后文件管理器没有任何反应,无法打开。
我想,会不会是手机系统不兼容呢?当时我用的是小米1 2 ,系统是HyperOS。
我赶紧搜索App Store,看看有没有HTML查看器。
我找到了几个并下载了一个来尝试。
果然,我这样打开后,代码就正常显示了。
这个问题我思考了很久,感觉移动系统与文件的兼容性很有趣。

怎么在手机上写html代码

主流浏览器都附带网页浏览器,例如 Chrome (Android 7 .0+/iOS1 2 +),它允许您查看和编辑 HTML。

WebStorm 的移动版(iOS)、SublimeText3 (所有平板电脑)、VSCode 精简版(Android),都是专门为编辑者设计的。

JSFiddle等在线工具无需安装,浏览器直接编写代码运行。

根据您的需要选择。

手机屏幕小,复杂的项目很难处理。

微信网页怎么制作

等一下,我昨天帮朋友创建了一个微信页面,给他开了一家小店。
那天我在咖啡馆的时候,他压力很大,满头大汗。
他说,当顾客扫描二维码时,他们被卡在那里,整个页面一片混乱。

我看了看手机,发现问题出在适配上。
他的网站在电脑上看起来不错,但是当我在手机上打开它时,文字堆积起来,图像扭曲。
我打开 MacBook 并使用 Sublime Text。
他有这样的感觉。
我添加了几行点击视图元标记并引入了 rem 单元 CSS。

看,我创建了一个新索引。
文件并添加其开头。
我把主题定为“XX店网购”,简单明了。
当谈到介绍 Adaptive JS 时,我记得是从一个技术博客上学到的。
这是一个名为 Viewport.js 的小插件。
只需几行代码,就很神奇了。

CSS 文件是单独创建的,名为 style.css。
<link rel="stylesheet" href="style.css"> 添加到 HTML。
移动页面设置部分为 <meta name="viewport" content="width=device-width, initial-scale=1 .0"> ,字体大小以 rem 为单位。
我记得的某个数字是字体大小:1 4 像素;然后根据屏幕的宽度进行调整。
完成后,使用 Safari 的开发人员工具并打开移动模拟器。
嘿,你可以立即看到结果。
按钮间距和边距等几个小细节已得到修复。

最终使用FileZilla上传到共享主机。
服务器地址是xxx.com。
上传后,在浏览器中打开。
嗯,在电脑和手机上看起来都顺眼。
然后他发朋友圈,果然有人下单了。
不过他表示,还需要更多的优化,比如加载速度等。

等一下,我突然想到,他的适配器JS会不会有更好的准备代码?还是现在微信小程序更方便?这个问题应该重新考虑。

用手机怎么查看html文件

要通过微信传输文件,请选择浏览器。
兵力不足。
不要在手机上读取大文件。