Javascript 如何找到element.style（）从中动态获取其值的行或脚本文件_Javascript_Jquery_Styles_Hardcode

Javascript 如何找到element.style（）从中动态获取其值的行或脚本文件

javascript jquery

Javascript 如何找到element.style（）从中动态获取其值的行或脚本文件,javascript,jquery,styles,hardcode,Javascript,Jquery,Styles,Hardcode,我在一个巨大的应用程序中工作，大多数东西都是使用javascript/jquery硬编码的（特别是很多组件的高度和宽度）。大多数都有其element.style属性，从某个地方呈现一些宽度和高度 element.style { width: 1566px; height: 425px; } 有没有一种方法可以检查“这个宽度和高度”来自“这个脚本文件”和“这行”？就像css源代码图指出了应用各个样式的部分一样？就脚本调试而言，是否有任何种类的浏览器插件可以实现这些技巧任何信息都

我在一个巨大的应用程序中工作，大多数东西都是使用javascript/jquery硬编码的（特别是很多组件的高度和宽度）。大多数都有其element.style属性，从某个地方呈现一些宽度和高度

element.style {
    width: 1566px;
    height: 425px;
}

有没有一种方法可以检查“这个宽度和高度”来自“这个脚本文件”和“这行”？就像css源代码图指出了应用各个样式的部分一样？就脚本调试而言，是否有任何种类的浏览器插件可以实现这些技巧

任何信息都会有很大的帮助

[编辑]

我已经尝试了下面的选项。！张贴一个样本副本以及

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <link rel="stylesheet" href="reset.css" />  
    <style type="text/css">
      .bg{
          background-color:blue;
       }    
       body,html{
          height:100%;
       }
       body{
         min-height:100%;
       }
    </style>

</head>
<body class="bg">   
</body>

这里有电影片段：）

这可能无法直接回答您的问题，但我觉得它可能会帮助您

在chrome中有一个方便的“属性更改时中断”设置，您可以在任何元素上切换

打开web inspector，右键单击任意元素，选择“断开”>“属性更改”

希望有帮助

编辑：

要进一步详细说明，请右键单击Chrome中的任何元素并选择“检查元素”

当开发人员工具打开时，右键单击的元素将高亮显示

右键单击此突出显示的元素并选择“断开”>“属性更改”

如果任何JS修改此元素上的任何属性，那么代码将中断并显示在开发工具中为您更新该属性的行

参考下图：

嗯……真有趣！类似于对象提供的错误，但我相信样式是不可能的。詹姆斯和洁！谢谢你的快速回答…让我检查一下你提到的选项…在发布这篇文章之前，我已经检查了html5rocks页面，但是我想我不会从那里得到太多帮助。我不是在做一个从头开始的方法，而是一个控制最少的sharepoint应用程序。@Jai我不知道-它只是Chrome中一个很好的调试工具。它不会比Sourcemaps更好。但是，如果您无法在项目中获取源代码映射，那么可以使用它快速查找负责更改的JS。@HarikrishnanKayKay这只适用于在浏览器中进行调试，特别是在Chrome中。如果在加载时进行了更改，则需要添加断点，然后刷新页面。不幸的是，这样做行不通。我只是尝试了一个演示，将一个空白html与一个容器div合并在一起，包括jquery，然后在另一个文件中手动将容器宽度设置为一个数字，比如app.js为$（'.container'）.width（1566），并编写了另一个关于resize的例子，即$（window）.resize（function（）{$（'.container'）.width（2000）}；它在调整大小时坏了，但只是指向jquery.min.js，而不是我所期望的app.js行号！@HarikrishnanKayKay啊，这很不幸。至少值得一试。

 $(document).ready(function(){
     $(".bg").width(1566);

     $(window).resize(function(){
         $(".bg").width(1800);
      })
 })