V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Keinez
V2EX  ›  JavaScript

如何快速知道一个标签是由哪个Javascript文件操作的?

  •  
  •   Keinez · 2012-11-20 10:58:25 +08:00 · 3075 次点击
    这是一个创建于 4398 天前的主题,其中的信息可能已经有所发展或是发生改变。
    Speed Dial 2的缩略图在1920宽度下没有办法把屏幕撑满,看了下CSS是直接写在<style>里面的,Custom CSS不起作用,于是试图修改其Javascript文件。

    然后就卡壳了……因为不知道是由哪个文件哪个语句操作的html,所以只能用笨办法一个文件一个文件的看……

    这得找到什么时候= =求高效率一点的方法
    3 条回复    1970-01-01 08:00:00 +08:00
    bearice
        1
    bearice  
       2012-11-20 11:15:58 +08:00
    找关键字(比如id class之类的)然后在js里搜索咯
    Keinez
        2
    Keinez  
    OP
       2012-11-20 11:19:25 +08:00
    @bearice 解决了,在sublime里面用正则查id+witdh……
    (一直不想碰的正则表达式还是学了- -)
    acecode
        3
    acecode  
       2012-11-20 18:13:36 +08:00   ❤️ 4
    webkit系列浏览器(Chrome, Safari, Opera不成),在该元素上右击->查看元素,打开开发者工具窗口,在Elements选项卡DOM树中的那个元素会自动高亮,在该元素上点右键,选择Break on(停止于)-> attribute Change(属性变化);然后(等待或者手动)触发引起style变化的操作,开发者工具就会切换到Scripts选项卡,右边有Call Stack(调用栈),按照栈往上翻js文件就成了;如果有其他的属性变化干扰,可以按scripts 选项卡右上方的那个||>(继续执行)按钮直接”放过去“
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3566 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:32 · PVG 12:32 · LAX 20:32 · JFK 23:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.