yili
V2EX  ›  问与答

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

  •  
  •   yili · Feb 16, 2015 · 6902 views
    This topic created in 4279 days ago, the information mentioned may be changed or developed.
    俺是菜鸟,学写了个网页,用开发者工具查出来有bug,不知道怎么修改。
    36 replies  •  2015-02-19 20:17:21 +08:00
    dreammes
    dreammes
    Feb 16, 2015
    1
    记事本 不谢
    weisoo
    weisoo
    Feb 16, 2015
    2
    记事本 我是雷锋
    lk09364
    lk09364
    Feb 16, 2015
    3
    你用什么东西写的网页……

    回到正题:记事本应该是你最好的选择了。
    yili
    yili
    OP
    Feb 16, 2015
    4
    @dreammes
    @weisoo
    @lk09364
    是html代码有问题,是css和JavaScript代码的问题
    yexiaoxing
    yexiaoxing
    Feb 16, 2015❤️1
    5
    sublime brackets
    yili
    yili
    OP
    Feb 16, 2015
    6
    @yexiaoxing 没找到,哪里下载?
    byfan
    byfan
    Feb 16, 2015 via iPhone❤️1
    7
    装个DW吧…
    lk09364
    lk09364
    Feb 16, 2015❤️7
    8
    @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
    BlueFly
    Feb 16, 2015
    9
    @weisoo 你好,友情提醒一下,雷锋是个短命种,22岁就没了。
    lk09364
    lk09364
    Feb 16, 2015
    10
    抱歉洗屏了= = 没想到图片太大= =
    yili
    yili
    OP
    Feb 16, 2015
    11
    @lk09364 多谢!多谢!
    @BlueFly 多谢提醒,么么哒~
    ththlisa
    ththlisa
    Feb 16, 2015❤️1
    12
    sublime 路过
    开发者工具 ??
    qw7692336
    qw7692336
    Feb 16, 2015❤️1
    13
    初学者
    chrome+记事本也够了
    mhycy
    mhycy
    Feb 16, 2015❤️1
    14
    notepad++

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

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


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


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


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

    楼上嘲讽的够了,谁不是从纯白的新人走过来的
    yexiaoxing
    yexiaoxing
    Feb 19, 2015
    36
    我错了……不该简写的
    这两款是不同的软件
    Sublime Text,一个功能强大的编辑器(真的只是编辑器?),而且具有强大的插件。唯一劣势就是它是收费的。
    Brackets,Adobe 开源的编辑器,实时预览十分强大。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5258 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 96ms · UTC 02:23 · PVG 10:23 · LAX 18:23 · JFK 21:23
    ♥ Do have faith in what you're doing.