V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
yili
V2EX  ›  问与答

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

  •  
  •   yili · 2015-02-16 01:20:09 +08:00 · 5302 次点击
    这是一个创建于 3362 天前的主题,其中的信息可能已经有所发展或是发生改变。
    俺是菜鸟,学写了个网页,用开发者工具查出来有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  
       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=utf-8">
    学的,边学边写
    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   ·   我们的愿景   ·   实用小工具   ·   2324 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 07:13 · PVG 15:13 · LAX 00:13 · JFK 03:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.