[已解决]如何能实时看到自己网页是否会在互联网上出现乱码问题

a337603422 · 发表于 2022-2-11 15:50:16

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 a337603422 于 2022-2-11 15:52 编辑

刚在B站看到鱼老师的视频.一步一步自己边做边修改边看
学习到第四集关于meta utf-8 的视频时因为只能从浏览器打开本地html所以一直不知道是否有错和差别。
我主要就是想求助，如何实时边做边看的时候能知道自己的网页如果在互联网上被访问所出现的问题。并实时进行修改。
目前使用的本地编辑软件还是 Notepad++
谢谢各位大佬~

最佳答案

月排行榜 / 总排行榜

Twilight6

2022-2-11 17:31:39

a337603422 发表于 2022-2-11 17:00
不是的我的意思是，本地的我打开或者刷新浏览器都能看到.但我想看到别人从互联网上看到我的本地网页得到 ...

是否出现乱码主要是和 html 文件存储的编码与网页源码中标名的编码是否一致

若一致，就正常显示，若不一致，就容易出现乱码

在 head 里的 meta 元素设置属性 charset="同文件保存的编码" 即可

你可以尝试下以下代码，在同个文件分别浏览情况：

<!DOCTYPE html>

<html>

<head>

<meta charset="GBK">

<title>网页标题</title>

</head>

<body>

<h1>网页的大标题</h1>

</body>

</html>
复制代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网页标题</title>

</head>

<body>

<h1>网页的大标题</h1>

</body>

</html>
复制代码

若文件保存为 GBK 编码，那么 utf-8 就会出现中文乱码，反之同理

文件编码可以直接用记事本打开然后选择另存为来更改编码：

登录/注册后可看大图

跳转到最佳答案楼层

大马强 · 发表于 2022-2-11 16:11:15

我记得vs有这种插件
其实你改完再刷新查看也花不了太多功夫

isdkz · 发表于 2022-2-11 16:16:05

前端设计最好用dreamviewer，这个可以实时看到效果

Twilight6 · 发表于 2022-2-11 16:26:13

Vscode 的插件 Live Server 配合 VSvode 的自动保存，可以实现类似实时的功能（将自动保存时间设置短些体验效果更佳）

你想先不用其他编辑器的话，可以去用 Edge 浏览器或 Chrome 浏览器去安装一个自动刷新的插件

然后你在浏览器打开你写的 html ，在 Notepad++ 中修改代码后保存，也可以实现类似实时的功能

刷新时间也设置短些，还有因为 Notepad++不能自动保存，所以想看到类似实时效果需要你自己手动 Ctrl + s 一下

a337603422 · 发表于 2022-2-11 16:58:28

大马强发表于 2022-2-11 16:11
我记得vs有这种插件
其实你改完再刷新查看也花不了太多功夫

不是的我的意思是想看到别人从互联网上看到我的本地网页得到的页面.本地的我一直都是直接EDGE打开刷新调整的.

a337603422 · 发表于 2022-2-11 17:00:30

Twilight6 发表于 2022-2-11 16:26
Vscode 的插件 Live Server 配合 VSvode 的自动保存，可以实现类似实时的功能（将自动保存时间设置短些 ...

不是的我的意思是，本地的我打开或者刷新浏览器都能看到.但我想看到别人从互联网上看到我的本地网页得到的页面.那样才能了解到UTF-8有和没有的区别

a337603422 · 发表于 2022-2-11 17:01:29

isdkz 发表于 2022-2-11 16:16
前端设计最好用dreamviewer，这个可以实时看到效果

实时效果是本地看的效果还是上传到服务器之后别人看到的效果呀

wp231957 · 发表于 2022-2-11 17:09:03

a337603422 发表于 2022-2-11 16:58
不是的我的意思是想看到别人从互联网上看到我的本地网页得到的页面.本地的我一直都是直接EDGE打开刷新调 ...

那是不可能的别人能访问你本地硬盘那安全还要不？？？

Twilight6 · 发表于 2022-2-11 17:31:39

这个最佳答案由 Twilight6 给出，感谢 Twilight6 的回答。

单击隐藏图章

a337603422 发表于 2022-2-11 17:00
不是的我的意思是，本地的我打开或者刷新浏览器都能看到.但我想看到别人从互联网上看到我的本地网页得到 ...

是否出现乱码主要是和 html 文件存储的编码与网页源码中标名的编码是否一致

若一致，就正常显示，若不一致，就容易出现乱码

在 head 里的 meta 元素设置属性 charset="同文件保存的编码" 即可

你可以尝试下以下代码，在同个文件分别浏览情况：

<!DOCTYPE html>

<html>

<head>

<meta charset="GBK">

<title>网页标题</title>

</head>

<body>

<h1>网页的大标题</h1>

</body>

</html>
复制代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网页标题</title>

</head>

<body>

<h1>网页的大标题</h1>

</body>

</html>
复制代码

若文件保存为 GBK 编码，那么 utf-8 就会出现中文乱码，反之同理

文件编码可以直接用记事本打开然后选择另存为来更改编码：

登录/注册后可看大图

a337603422 · 发表于 2022-2-11 18:25:58

Twilight6 发表于 2022-2-11 17:31
是否出现乱码主要是和 html 文件存储的编码与网页源码中标名的编码是否一致

若一致，就正常 ...

我可不可以问问.大佬们架构云服务器的都是哪些呀..

Twilight6 · 发表于 2022-2-11 19:33:11

a337603422 发表于 2022-2-11 18:25
我可不可以问问.大佬们架构云服务器的都是哪些呀..

这不太清楚了，前端只会点基础

a337603422 · 发表于 2022-2-12 14:42:29

Twilight6 发表于 2022-2-11 19:33
这不太清楚了，前端只会点基础

好吧~那我也先把基础学好~

shiyouroc · 发表于 2022-2-17 10:10:33

打开浏览器实时刷新，不就行了吗。

账号		自动登录	找回密码
密码			立即注册

[已解决]如何能实时看到自己网页是否会在互联网上出现乱码问题

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块