手机上如何写html网页

日期：2026-04-14 03:08:50 作者：创始人浏览：0

微信网页怎么制作

给大家讲一下我当时捣鼓微信网站的经历。
那是2 01 7 年，我在上海，这是我第一次参加工作。
客户想要一个简单的商城页面，我需要一个可以发送到微信的页面。

1 .首先创建一个索引。
这是一条老规则。
就称之为索引吧。
你可以把它放在任何地方。
打开Sublime Text，这个东西当时很流行。
点击代码，写一个最简单的HTML5 架子，像这样：

<head> <标题>我的商店</标题> </头> <正文>

欢迎

很全面

</正文> </>
2 .接下来您应该在手机上观看什么？你必须适应！我找到了一个旧的响应式模板，复制了很多代码并使用了各种媒体查询。
大概是这样，塞进 <head>:
<meta name="viewport" content="width=device-width, initial-scale=1 "> [xss_clean][xss_clean] <脚本> var viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]'), ua = 导航器.userAgent, 潮汐； if (ua.match(/Android/i)) { tid = setTimeout(函数() { if (viewportmeta && !viewportmeta.content) { viewportmeta.content =“宽度=设备宽度，初始比例=1 ”； } }, 3 00); window.addEventListener("调整大小", function() { 清除超时（tid）； tid = setTimeout(函数() { if (viewportmeta && !viewportmeta.content) { viewportmeta.content =“宽度=设备宽度，初始比例=1 ”； } }, 3 00); }，正确）； } </脚本>
3 风格怎么样？创建另一个 style.css 并粘贴链接：
<link rel="stylesheet" href="style.css">
4 .然后开始写CSS，玩弄颜色、字体、布局等。
当时我很兴奋，写了一个三栏布局，用了很多浮点数。
像这样的东西： CSS 身体{ 字体系列：Arial、无衬线体； } .容器{ 宽度：1 00%；最大宽度：1 2 00px；保证金：0自动；溢出：隐藏； } .侧边栏{ 浮动：向左；宽度：2 0%； } .main{ 浮动：向左；宽度：6 0%； } .内容{ 浮动：右；宽度：2 0%；
5 .有哪些独特的移动网站设置？我记得将 <meta name="mobile-web-app-capable" content="yes"> 添加到 <head> 中，这使得页面看起来像移动浏览器中的本机应用程序。
还有前面提到的视口。

6 内容？就这样，我只是从一个蹩脚的网站上下载了产品列表、介绍等。
不管怎样，那时候只要大量复制粘贴就可以省事。
关键是不能有错别字，不然客户会催你。

7 查看！这一步是最关键的。
我买了一个每天几十块钱的“云手机”服务。
我点击了一下看是否可以正常打开。
我需要对手机屏幕尺寸进行更多实验。
当年有个地方一直报错，我花了很多时间去改正。
结果我忘了在 CSS 中添加 !important 。
真是气死我了。

8 上传？我从阿里云租了一台服务器，配置了它并上传了文件。
获取这个长长的 URL 列表。

9 最后分享到微信。
我收到一个二维码，扫描它，结果是打开。
顾客也满意了，给了钱就走了。
后来客户让我改几个小功能，比如添加购物车，但那是另外一回事了。

看，一步一步完成了。
如今，很多微信网站已经创建，不再感觉那么困难。
但这些陷阱在当时确实是被踩过的。
如果你敢于尝试，你绝对可以做到！

怎么在手机上写html代码

这就是坑。
别相信。
不要这样做。

方便提醒：使用VSCode直接在电脑上打字，然后将文件上传到手机浏览器进行预览。

手机怎么运行html代码

在手机上运行 HTML，例如 Koder 或 W3 Schools。

在您的手机上输入代码并安装 Koder。

要在线编辑 HTML，请转到 JSFiddle。

在移动浏览器中查看 HTML 并直接单击该文件。

代码必须完整，因为手机无法运行复杂的任务。

尝试不同的想法，兼容性很重要。

评价一下自己。

标签：微信网页商城页面