有没有什么软件可以修改 html 代码? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yili
V2EX    问与答

有没有什么软件可以修改 html 代码?

  •  
  •   yili 2015-02-16 01:20:09 +08:00 5913 次点击
    这是一个创建于 3892 天前的主题,其中的信息可能已经有所发展或是发生改变。
    俺是菜鸟,学写了个网页,用开发者工具查出来有bug,不知道怎么修改。
    36 条回复    2015-02-19 20:17:21 +08:00
    dreammes
        1
    dreammes  
       2015-02-16 01:23:37 +08:00
    记事本 不谢
    weisoo
        2
    weisoo  
       2015-02-16 01:27:24 +08:00
    记事本 我是雷锋
    lk09364
        3
    lk09364  
       2015-02-16 01:31:41 +08:00
    你用什么东西写的网页……

    回到正题:记事本应该是你最好的选择了。
    yili
        4
    yili  
    OP
       2015-02-16 01:41:07 +08:00
    @dreammes
    @weisoo
    @lk09364
    是html代码有问题,是css和Javascript代码的问题
    yexiaoxing
        5
    yexiaoxing  
       2015-02-16 01:53:02 +08:00   1
    sublime brackets
    yili
        6
    yili  
    OP
       2015-02-16 02:09:27 +08:00
    @yexiaoxing 没找到,哪里下载?
    byfan
        7
    byfan  
       2015-02-16 02:14:03 +08:00 via iPhone   1
    装个DW吧…
    lk09364
        8
    lk09364  
       2015-02-16 02:22:37 +08:00   7
    @yili 哪到底是什么有问题……
    不管如何,记事本能修改html, css, Javascript,教程如下。

    演示环境:Windows 8.1 英文版,手边没有中文版,所以翻译可能会有分别。

    1. 首先你要找到你的html 档,右键,选择『其他程序』。如果没有『记事本』的话,按『选择预设使用的程式』。


    2. Windows 8 下你会看见这个画面。如果找不到『记事本』的话,按『更多』。


    3. 找到『记事本』之后使用滑鼠左键按下去。


    4. 最后你会看见 html 档的源代码。只要看到 html 这个字串你就成功了。


    如果是 js 和 css 有问题的话,也可以使用记事本修改。方法一样。以 Javascript 作示范。

    1. 首先你要找到你的html 档,右键,选择『其他程序』。如果没有『记事本』的话,按『选择预设使用的程式』。


    2. 使用类此的方法找到『记事本』之后按下去。


    ----------------------

    记事本在入门阶段很有帮助的。当你觉得输入方括号很麻烦的时候,你就应该转用 #5 提到的2款软件了。
    顺带一提,Notepad++ 也很多人用的。不过在知道 Sublime Text 之后我就抛弃了。

    啊,如果不打算学 HTML / CSS / JS ,直接装 DW 吧= =
    BlueFly
        9
    BlueFly  
       2015-02-16 02:22:39 +08:00
    @weisoo 你好,友情提醒一下,雷锋是个短命种,22岁就没了。
    lk09364
        10
    lk09364  
       2015-02-16 02:23:56 +08:00
    抱歉洗屏了= = 没想到图片太大= =
    yili
        11
    yili  
    OP
       2015-02-16 02:46:39 +08:00
    @lk09364 多谢!多谢!
    @BlueFly 多谢提醒,么么哒~
    ththlisa
        12
    ththlisa  
       2015-02-16 03:07:01 +08:00   1
    sublime 路过
    开发者工具 ??
    qw7692336
        13
    qw7692336  
       2015-02-16 03:25:21 +08:00   1
    初学者
    chrome+记事本也够了
    mhycy
        14
    mhycy  
       2015-02-16 08:51:35 +08:00   1
    notepad++

    免费,够用,快速,代替系统记事本无压力
    yili
        15
    yili  
    OP
       2015-02-16 09:38:06 +08:00
    @ththlisa 学写了个网页,放到博客里打开,效果还不错,用chrome审查元素PageSpeed Insights (by Google),不对了,
    1,最大限度降低有效负荷 (1)
    压缩 Javascript
    2,最大限度减少网页加载延迟 (2)
    尽量减少请求的数据量
    指定图片大小
    3,其他 (2)
    使用浏览器缓存
    请指定一个“Vary: Accep
    到这里就不会了,不知道怎么搞了,不知道怎么修改代码。
    a1058021348
        16
    a1058021348  
       2015-02-16 10:08:37 +08:00 via iPad
    @lk09364 给回复这条答案的耐心点个赞。
    Moker
        17
    Moker  
       2015-02-16 10:18:34 +08:00   1
    请问你在学写的时候 用什么编辑的
    toou123
        18
    toou123  
       2015-02-16 10:22:17 +08:00
    @lk09364 看到你的回复 感觉人间自有真情在啊
    oott123
        19
    oott123  
       2015-02-16 11:00:26 +08:00 via Android
    @yili 在你明白这些东西之前,你可以忽略它们。
    如果你实在想学,你应该自行 Google 。
    loveuqian
        20
    loveuqian &nbp;
       2015-02-16 11:03:17 +08:00 via iPhone   1
    他说的问题怎么是web优化。。。
    Luzifer
        21
    Luzifer  
       2015-02-16 11:38:43 +08:00
    @lk09364 这是怎么截的屏?很漂亮。
    Pete
        22
    Pete  
       2015-02-16 11:52:51 +08:00 via Android
    @yili 这说的是优化 不是报错…
    yili
        23
    yili  
    OP
       2015-02-16 13:27:09 +08:00
    @Moker 用博客,点html,代码网上找的,有的到人家网站上copy的
    @Pete 俺知道,就打个比方,如果代码弄错了,有没有什么软件可以纠正,最好能看到纠正后的代码,这样俺就知道错在哪了
    Pete
        24
    Pete  
       2015-02-16 13:30:33 +08:00 via Android
    @yili CSS错误只能自己发现 js错误可以用chrome的f12 不过它不会告诉你怎么改
    yili
        25
    yili  
    OP
       2015-02-16 13:34:45 +08:00
    @oott123 所有的俺都是自学的,都是网上找的,实在找不到了,才来问问的~
    sadaharu09
        26
    sadaharu09  
       2015-02-16 13:38:42 +08:00   1
    初学者建议还是从Edit+开始学起,然后过渡到IDEA
    yili
        27
    yili  
    OP
       2015-02-16 13:40:17 +08:00
    @Pete 就是,没师傅很悲哀~
    所以俺才来求指点~
    lk09364
        28
    lk09364  
       2015-02-16 13:46:04 +08:00   1
    @yili 抱歉理解错了你的问题了,刚刚的答案无视吧= =
    要修改的话直接在blog 程序里面改就可以了= =

    程序员就是用来纠正错的代码,还有用来写代码的,这点目前电脑做不到。
    不过电脑可以告诉你那里出问题了,例如#24提到的。
    wzb350
        29
    wzb350  
       2015-02-16 13:47:53 +08:00
    @lk09364 我想知道你的截图工具是啥。。。。谢过
    martianyi
        30
    martianyi  
       2015-02-16 13:48:14 +08:00   2
    notepad++,推荐记事本的什么心态,记事本UTF8 no BOM你们怎么解决?
    lz你还是去w3school上完整地学一下html吧,你这样问问题让人没法回答。
    zeroten
        31
    zeroten  
       2015-02-16 13:53:25 +08:00
    同楼上,windows记事本,可能会遇到蛋疼的编码问题。
    Pete
        32
    Pete  
       2015-02-16 14:13:50 +08:00 via Android   1
    @yili 自学呗 遇到问题解决问题 一年就通了…
    yili
        33
    yili  
    OP
       2015-02-16 14:20:42 +08:00
    @martianyi 俺在<body>前面加上<meta http-equiv="Content-Type" cOntent="text/html; charset=">
    学的,边学边写
    martianyi
        34
    martianyi  
       2015-02-16 16:10:19 +08:00
    @yili 这个跟我说的编码问题没关系。另外<meta charset="utf-8">就可以了。
    Puteulanus
        35
    Puteulanus  
       2015-02-16 23:37:51 +08:00   2
    楼主求的是HTML纠错工具吗
    看看这几个能不能帮到你:


    jsbin对CSS的错误有一定的提示,支持网页实时预览


    brackets对一些错误的HTML代码有提示,顺便这货的实时预览也很好用


    Tidily不知道Windows有没,这货专门查错的

    楼上嘲讽的够了,谁不是从纯白的新人走过来的
    yexiaoxing
        36
    yexiaoxing  
       2015-02-19 20:17:21 +08:00
    我错了……不该简写的
    这两款是不同的软件
    Sublime Text,一个功能强大的编辑器(真的只是编辑器?),而且具有强大的插件。唯一劣势就是它是收费的。
    Brackets,Adobe 开源的编辑器,实时预览十分强大。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3101 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 12:40 PVG 20:40 LAX 05:40 JFK 08:40
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86