标签: developer-tools

为什么忽略左派?

我在下面的代码页面上有徽标

<h1 class="site-title">
   <a class="logo custom-logo" href="url" title="Go to Site"> 
      <img alt="Site" height="136" src="url" width="298"> 
   </a> 
</h1>
Run Code Online (Sandbox Code Playgroud)

我已经leftlogo样式添加了属性

.logo {
   display: inline-block;
   line-height: 1;
   vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)

这个

left: 400px;
Run Code Online (Sandbox Code Playgroud)

但它被忽略了.Chrome Developer tools显示此样式处于活动状态,但图像显示在距离浏览器窗口左侧零距离处.

为什么?

html css developer-tools

2
推荐指数
1
解决办法
86
查看次数

什么是在chrome dev工具中为$()和$(this)显示的x.fn.x.init []值

我在一些开发人员工具中有一个调试JS和jQuery脚本的习惯.我意识到Chrome开发工具将x.fn.x.init显示为$()和$(this)的值.但是我没有意识到这些价值是什么:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="jquery-2.0.2.min.js" ></script>
<script src="jquery.ui.widget.js" ></script>
<title></title>
<script type="text/javascript">

    $(document).ready(function () {
        var outstring = "";
        outstring = "" + $() + $(this);
    });

</script>
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

javascript jquery developer-tools

2
推荐指数
1
解决办法
2456
查看次数

Chrome中的'transform-origin'无效?

我的Chrome控制台将返回Invalid CSS property nametransform-originCCS属性作为即使它工作的网站加载和我有一个-webkit-前缀版本.

目标CSS如下所示:

-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
Run Code Online (Sandbox Code Playgroud)

这真的是一个问题吗?

css google-chrome developer-tools

2
推荐指数
1
解决办法
4453
查看次数

如何在CentOS 7/RHEL 7上安装Sublime 3?

Sublime真的很酷.喜欢光滑的用户界面,完美的开发环境和惊人的性能.今天我重新安装了sublime,因为我的操作系统存在一些问题.想分享安装Sublime的步骤,因为这对于开发者来说是一个很棒的工具 - 它真的是一个你会爱上的编辑器.

php linux installation developer-tools sublimetext3

2
推荐指数
1
解决办法
1万
查看次数

如何在 Safari 开发工具中同时显示控制台和元素选项卡?

在 Chrome 中,您可以将控制台拖到底部窗口并在上面显示元素,反之亦然,这样您就可以快速查看控制台,同时还可以看到样式。当您使用 Javascript 布尔变量仅在某些元素为 true 时应用样式时,这会很有帮助。那么基本上,有没有办法让 Safari 开发工具(图中左侧)看起来像 Chrome 开发工具(图中右侧)?

在此输入图像描述

我在 Google 上花了大约 45 分钟,似乎只能找到如何将控制台放在与 Chrome 的 Elements 选项卡不同的屏幕上。这与我在 Safari 中尝试做的完全相反。

javascript css safari developer-tools safari-web-inspector

2
推荐指数
1
解决办法
332
查看次数

工具帮助将一个庞大的类分成两部分

是否有一个很好的帮助/工具可以帮助我将一个庞大的班级分成几部分?代码完成了它的工作,但是有一个超过500行的类是不舒服的.我相信它可以分成更小的部分.

这次我对python的工具很感兴趣,但我确信它不算数.

python refactoring developer-tools

1
推荐指数
1
解决办法
114
查看次数

从开发人员工具中访问IIFE变量

让我先说一下,我知道它不是以编程方式从外部访问IIFE的内部变量,除非它们已被全局范围访问.

例如:

(function() {
    var a = "Hello"; // a isn't accessible from the outer scope
)();

console.log(a); // a is undefined
Run Code Online (Sandbox Code Playgroud)

但:

(function() {
    var a = "Hello";
    global.a = a;
)();

console.log(a); // Displays "Hello"
Run Code Online (Sandbox Code Playgroud)

在某些情况下,IIFE可能会持续执行几秒钟,或者在整个页面浏览期间,通常是在用JavaScript编写的游戏中,IIFE将包含游戏循环.

因此,IIFE中声明的所有变量和函数必须存在于浏览器内存中,但由于封装,它们无法从开发人员控制台显示.

我的问题是:有没有什么方法可以显示或操作它们,而不是先前修改代码,而它正在运行?由于这些变量存在于内存中并被使用?也许是通过某种调试?

我的问题主要针对Firefox和Chrome(Firebug和开发人员工具),但如果有一般方法可以使用它.

javascript developer-tools iife

1
推荐指数
1
解决办法
340
查看次数

如何在第 4 代 Apple TV 的“设置”中启用“开发者”菜单?

我在 iPhone 和 iPad 的“设置”应用中看到了开发者菜单。最近我也让它出现在我的 Apple TV 4 的“设置”应用程序中,但我现在似乎不记得是如何出现的。我之所以这么问,是因为我在 tvOS 10.1 测试版时启用了一项功能,该功能会在左上角以黄色字母显示音频和视频的刷新率和比特率,但当 tvOS 10.1 GM 发布时,我的 Apple TV 在我将其关闭之前就自动更新了但黄色字母仍然存在于左上角,并且开发人员菜单消失了。我添加了新的 10.1.1 beta 配置文件,以便我可以尝试让开发人员菜单显示在“设置”应用程序中,但到目前为止它还没有单独出现。我知道我可以恢复我的 Apple TV,但我不想这样做,因为我没有办法备份我的应用程序数据,而且我知道有一种方法可以使该菜单再次显示,我只是不知道如何。如果您熟悉该菜单,它还允许您为电视应用程序创建自定义“服务提供商”,并添加您自己的 URL 进行身份验证。它是一个显示在“设置”应用程序底部的菜单项。有谁知道如何启用此菜单?在此输入图像描述

developer-tools apple-tv tvos

1
推荐指数
1
解决办法
2万
查看次数

什么是2009年最好的新开发工具?

我期待在我们的开发团队工作中做一个演示.我想知道他们是否是任何易于演示的新工具.谈论新技术只是一个下班后的事情.谢谢

java vb.net sql-server developer-tools

0
推荐指数
1
解决办法
1704
查看次数

Eval()vs开发人员工具

因此,古老的标准是使用Eval是不好的,因为它可能导致重大的安全问题; 特别是在您正在评估可能来自用户输入的某些内容的情况下.这使得100%有意义,并且我从未遇到任何避免使用Eval的问题.不过,最近我遇到了一个奇怪的情况,这让我想到这种类型的东西有点不同.

我写了一个类似JS的函数:

function someFun(param, callback) {
    bool = someOtherFun(param);
    if(bool)
        callback();
    else
        return false;
}
Run Code Online (Sandbox Code Playgroud)

这被大大剥离,但是主体是相同的:它调用另一个函数,并且基于它的返回值将执行作为参数提供的函数,否则它将返回false.但是,我认为,使用F12中的JS控制台,可以像使用Eval(txtbox.value)一样轻松利用这种东西.那有关系吗?

在F12的这个世界里,在我看来,Eval是我们最不担心的.任何知道注射攻击的人都可能知道F12是什么.我错了吗?

javascript eval developer-tools

0
推荐指数
1
解决办法
276
查看次数

Opera Mini移动浏览器有调试工具吗?

对于台式机Opera浏览器,我们有Firebug来调试网页(调试HTML结构,CSS属性等)。我可以在Opera Mini中安装任何类似的调试工具吗?

browser developer-tools opera-mini

0
推荐指数
1
解决办法
1535
查看次数

为什么在已经输出后修改来自console.log的chrome开发者工具输出?

以下应该让你理解:

我将值设置为 1。然后在控制台中输出它。这里的输出显示 1。在我将值设置为 2 之后。相同的控制台输出显示 2。

我怎样才能避免这种情况?我尝试调试一些疯狂的东西,并且在输出对象时必须知道对象的值。不是来自对象的最新值。 在此处输入图片说明

javascript google-chrome developer-tools console.log

0
推荐指数
1
解决办法
364
查看次数

为什么JS中这两个数组的语法不同?

它们都包含相同的值,但我想知道为什么当我在Dev工具中控制它们时它们看起来有所不同.

在此输入图像描述

var values = [6, 6, 6, 19, 13, 50]; 

function boxWidth() {
    var widths = new Array();
    widths.push(values);
    console.log(widths);
    console.log(values);
} 
Run Code Online (Sandbox Code Playgroud)

javascript arrays developer-tools

-4
推荐指数
1
解决办法
53
查看次数