我在一个巨大的应用程序中工作,其中大多数东西都使用 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>
在 app.js 中
$(document).ready(function(){
$(".bg").width(1566);
$(window).resize(function(){
$(".bg").width(1800);
})
})
屏幕在这里:)