鱼C论坛

 找回密码
 立即注册
查看: 2891|回复: 12

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

[复制链接]
发表于 2022-2-11 15:50:16 | 显示全部楼层 |阅读模式

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

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

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

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

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


                               
登录/注册后可看大图

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2022-2-11 16:11:15 | 显示全部楼层
我记得vs有这种插件
其实你改完再刷新查看也花不了太多功夫
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-2-11 16:16:05 | 显示全部楼层
前端设计最好用dreamviewer,这个可以实时看到效果
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-2-11 16:26:13 | 显示全部楼层

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

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

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

刷新时间也设置短些,还有因为 Notepad++不能自动保存,所以想看到类似实时效果需要你自己手动 Ctrl + s 一下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-2-11 16:58:28 | 显示全部楼层
大马强 发表于 2022-2-11 16:11
我记得vs有这种插件
其实你改完再刷新查看也花不了太多功夫

不是的我的意思是想看到别人从互联网上看到我的本地网页得到的页面.本地的我一直都是直接EDGE打开刷新调整的.
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-2-11 17:00:30 | 显示全部楼层
Twilight6 发表于 2022-2-11 16:26
Vscode 的插件 Live Server 配合 VSvode 的 自动保存,可以实现类似 实时的功能(将自动保存时间设置短些 ...

不是的我的意思是,本地的我打开或者刷新浏览器都能看到.但我想看到别人从互联网上看到我的本地网页得到的页面.那样才能了解到UTF-8有和没有的区别
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-2-11 17:01:29 | 显示全部楼层
isdkz 发表于 2022-2-11 16:16
前端设计最好用dreamviewer,这个可以实时看到效果

实时效果是本地看的效果还是上传到服务器之后别人看到的效果呀
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

那是不可能的   别人能访问你本地硬盘   那安全还要不???
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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 就会出现中文乱码,反之同理

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


                               
登录/注册后可看大图

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-2-11 18:25:58 | 显示全部楼层
Twilight6 发表于 2022-2-11 17:31
是否出现乱码主要是和 html 文件存储的编码 与 网页源码中标名的编码 是否一致

若一致,就正常 ...

我可不可以问问.大佬们架构云服务器的都是哪些呀..
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-2-11 19:33:11 | 显示全部楼层
a337603422 发表于 2022-2-11 18:25
我可不可以问问.大佬们架构云服务器的都是哪些呀..



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

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-2-12 14:42:29 | 显示全部楼层
Twilight6 发表于 2022-2-11 19:33
这不太清楚了,前端只会点基础

好吧~那我也先把基础学好~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-2-17 10:10:33 From FishC Mobile | 显示全部楼层
打开浏览器实时刷新,不就行了吗。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-26 03:13

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表