V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
persimmon
V2EX  ›  前端开发

写页面的时候,很多细节都能通过浏览器调整恰当,但是每次都要自己把属性值复制回代码去,有没有更简洁的办法?

  •  
  •   persimmon ·
    4096void · 2015-11-17 22:49:38 +08:00 · 2046 次点击
    这是一个创建于 3088 天前的主题,其中的信息可能已经有所发展或是发生改变。
    YuJianrong
        1
    YuJianrong  
       2015-11-17 23:12:29 +08:00   ❤️ 2
    chrome 的 devtools 有 workspace 功能。

    现在 workspace 功能里把你的文件和本地路径做好 mapping , mapping 正确的话, sources tab 里打开的文件就直接是本地文件了(不管是 js 还是 css ),这个文件是可以 ctrl-s 保存的,会存回 mapping 好的本地文件。

    然后在 Elements tab 里改好 css 后,点击 styles selector 旁边的文件链接,就会跳到对应的 css 文件去,会发现已经修改了,这时再 ctrl-s 保存就好了。

    如果 less/sass 的 source map 对应正确的话,理论上来说也可以 mapping 到 less/sass/上。

    修改并保存 js/html 文件当然也是可以的。

    当然我这都是纸上谈兵我司项目有点特殊用不了这种奇技淫巧……
    persimmon
        2
    persimmon  
    OP
       2015-11-17 23:57:58 +08:00
    @YuJianrong get ! 明天回去试试
    vaus
        3
    vaus  
       2015-11-18 08:06:02 +08:00 via Android
    用 livestyle 插件,配合, sublimetext
    persimmon
        4
    persimmon  
    OP
       2015-11-18 12:00:39 +08:00
    @YuJianrong 相当方便,还全开了 material design
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   906 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 22:56 · PVG 06:56 · LAX 15:56 · JFK 18:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.