小编r0s*_*kar的帖子

了解Chrome控制台是否已打开

我正在使用这个小脚本来查明Firebug是否已打开:

if (window.console && window.console.firebug) {
    //is open
};
Run Code Online (Sandbox Code Playgroud)

它运作良好.现在我正在寻找一种方法来检测Google Chrome的内置Web开发者控制台是否已打开,但我找不到任何提示.

这个:

if (window.console && window.console.chrome) {
    //is open
};
Run Code Online (Sandbox Code Playgroud)

不起作用.

编辑:

因此,似乎无法检测Chrome控制台是否已打开.但有一个" 黑客 "有效,但有一些缺点:

  • 控制台未对接时将无法工作
  • 控制台在页面加载时打开时无效

所以,我现在要选择Unsigned的答案,但如果有人提出了一个好主意,欢迎他仍然回答我改变所选答案!谢谢!

javascript firebug google-chrome google-chrome-devtools

121
推荐指数
10
解决办法
7万
查看次数

在JavaScript中使用斜杠后获取字符串的值

我已经尝试了一个多小时,无法找到正确的方法来做到这一点,虽然它可能很容易:

我有这样的事情: foo/bar/test.html

我想使用jQuery在最后一个之后提取所有内容/.在上面的例子中,输出将是test.html.

我想它可以使用substr和完成indexOf(),但我找不到一个有效的解决方案.

javascript substring slash indexof

102
推荐指数
6
解决办法
16万
查看次数

从PHP运行Bash命令

我有一个bash脚本,我通过命令行运行:

./script.sh var1 var2
Run Code Online (Sandbox Code Playgroud)

在我调用某个php文件之后,我正在尝试执行上面的命令.

我现在拥有的是:

$output = shell_exec("./script.sh var1 var2");
echo "<pre>$output</pre>";
Run Code Online (Sandbox Code Playgroud)

但它不起作用.我尝试过使用execsystem太,但剧本从来没有得到执行.

但是当我尝试运行shell_exec("ls");它确实有效并且$output是所有文件的列表.

我不确定这是因为我正在使用的VPS的限制还是问题是否在其他地方?

php bash exec

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

CSS Triangle +"After"实现

我试图用CSS创建一个三角形,它看起来不错,但是我现在在一个盒子之后实现它时遇到了问题.

看看我的例子,你会明白我的意思:

http://jsfiddle.net/TTVuS/

看起来像三角形.box被"切断"后我完全不知道为什么会这样.

我希望它看起来像.arrow.

我试图改变盒子的尺寸,三角形等,但没有任何效果.

ps这里是css,以防Jsfiddle缓慢或不再可用:

.box{
    background:red;
    height:40px;
    width:100px;
}

/*the triangle but its being cut off*/
.box:after{
    content:"";
    width:0;
    height:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:20px solid green;
}

/*the triangle how it should look like*/
.arrow{
    width:0;
    height:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:20px solid green;
}
Run Code Online (Sandbox Code Playgroud)

css css3

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

PHP SimpleXML +获取属性

我正在阅读的XML看起来像这样:

<show id="8511">

    <name>The Big Bang Theory</name>
    <link>http://www.tvrage.com/The_Big_Bang_Theory</link>
    <started>2007-09-24</started>
    <country>USA</country>

    <latestepisode>
        <number>05x23</number>
        <title>The Launch Acceleration</title>
    </latestepisode>

</show>
Run Code Online (Sandbox Code Playgroud)

要获得(例如)最新一集的数量,我会这样做:

$ep = $xml->latestepisode[0]->number;
Run Code Online (Sandbox Code Playgroud)

这很好用.但是如何从中获取ID <show id="8511">呢?

我尝试过类似的东西:

$id = $xml->show;
$id = $xml->show[0];
Run Code Online (Sandbox Code Playgroud)

但都没有效果.

更新

我的代码片段:

$url    = "http://services.tvrage.com/feeds/episodeinfo.php?show=".$showName;
$result = file_get_contents($url);
$xml = new SimpleXMLElement($result);

//still doesnt work
$id = $xml->show->attributes()->id;

$ep = $xml->latestepisode[0]->number;

echo ($id);
Run Code Online (Sandbox Code Playgroud)

大利.XML:

http://services.tvrage.com/feeds/episodeinfo.php?show=The.Big.Bang.Theory
Run Code Online (Sandbox Code Playgroud)

php xml simplexml

18
推荐指数
4
解决办法
5万
查看次数

Chrome的隐藏CSS滚动快照阈值以及如何更改阈值

我有一个容器:

scroll-snap-points-y: repeat(100%);
snap-type: mandatory;
snap-type: y mandatory;
Run Code Online (Sandbox Code Playgroud)

还有三个孩子:

height: 100%;
scroll-snap-align: center;
scroll-snap-stop: always;
Run Code Online (Sandbox Code Playgroud)

在Firefox中,该功能的运行与预期的一样,但在Chrome中似乎存在一个阈值。仅滚动少量内容时,Chrome会回到第一个孩子,而Firefox将滚动到下一个孩子。仅在滚动大约子高度的30%之后,Chrome才会捕捉到下一个高度。

此行为可以在此代码笔中看到。

有什么方法可以禁用此隐藏阈值并使Chrome立即滚动到下一个孩子吗?

css scroll google-chrome

17
推荐指数
2
解决办法
763
查看次数

ESLint - 覆盖来自 eslint-plugin-prettier 的规则

我将 ESLint 与更漂亮的插件配置一起使用

// eslintrc.js
extends: [
  `eslint:recommended`,
  `plugin:react/recommended`,
  `plugin:@typescript-eslint/recommended`,
  `plugin:prettier/recommended`,
  `prettier/react`,
  `prettier/@typescript-eslint`
]
Run Code Online (Sandbox Code Playgroud)

这很好用,但我想禁用某个更漂亮的规则,即删除“不需要的”括号(删除它们实际上破坏了我的代码):

// Replace `(state.counter)` with `state.counter` eslint(prettier/prettier)
return <div>{(state.counter)}</div>
Run Code Online (Sandbox Code Playgroud)

正如您从上面的消息中看到的那样,它没有说明究竟是哪个规则导致了这种行为,因此我不知道要覆盖哪个规则。

我试图覆盖eslint-prettier-config 中的所有规则,但没有任何效果,我不想继续使用// eslint-disable-next-line prettier/prettier.

eslint prettier

11
推荐指数
2
解决办法
6704
查看次数

Hover + Flickering上的CSS + Opacity更改

我试图实现一个非常简单的事情:在悬停时更改表格行的不透明度.

不幸的是,它不能很好地工作,因为如果我快速地进出,有时不透明度的变化太慢而且看起来颜色是闪烁的.当我徘徊进出有点慢时,这种闪烁不会发生.

我做了一个例子让你知道我的意思:

http://jsfiddle.net/yfhTW/2/

这种行为是浏览器错误还是我的代码有问题?它可以以某种方式修复吗?我试图使用Jquery脚本而不是通过CSS进行不透明度更改,但结果是相同的:/

css hover opacity

8
推荐指数
2
解决办法
9855
查看次数

使用 webpack-merge 将加载器添加到规则“use”数组中

我使用webpack-merge来合并开发和生产环境的 webpack 配置文件。为了在生产模式下提取 CSS,我使用mini-css-extract-plugin。根据其文档,我使用它代替style-loader仅在开发期间使用的 。此时,我的 CSS 块的 webpack 配置如下所示:

// webpack.common.js
{
  test: /\.(sa|sc|c)ss$/,
  use: [
    process.env.NODE_ENV === `production` ? MiniCssExtractPlugin.loader : `style-loader`,
    `css-loader`,
    `postcss-loader`,
    `sass-loader`
  ]
}
Run Code Online (Sandbox Code Playgroud)

这是可行的,但由于我正在使用webpack-merge,我想在我的公共配置文件中避免这种逻辑。现在,我尝试像这样将其拆分并合并webpack-merge各种加载器:

// webpack.common.js
{
  test: /\.(sa|sc|c)ss$/,
  use: [
    `css-loader`,
    `postcss-loader`,
    `sass-loader`
  ]
}

// webpack.dev.js
{
  test: /\.(sa|sc|c)ss$/,
  use: [
    `style-loader`,
    // webpack-merge should prepend all loaders from `webpack.common.js`
  ]
}

// webpack.prod.js
{
  test: /\.(sa|sc|c)ss$/,
  use: [
    MiniCssExtractPlugin.loader,
    // webpack-merge should …
Run Code Online (Sandbox Code Playgroud)

javascript css webpack webpack-merge

8
推荐指数
2
解决办法
6052
查看次数

MYSQL - 从提取的数组中选择特定值

我有一个小问题,因为我对这些东西都很新,我在谷歌搜索时没有成功,因为我不知道我正在寻找的确切定义.

我有一个非常简单的数据库,我得到所有行:

while($row = mysql_fetch_array($result)){
    echo $row['id']. " - ". $row['name'];
    echo "<br />";
}
Run Code Online (Sandbox Code Playgroud)

现在,我的问题是:如何过滤第二个结果?我认为像这样的东西可以工作,但它不会:

$name2= $row['name'][2];
Run Code Online (Sandbox Code Playgroud)

它甚至可能吗?或者我是否必须编写另一个mysql查询(类似的东西SELECT .. WHERE id = "2")以获取第二行中的名称值?

我想要的是:

- 从数据库中获取所有数据(使用"while循环"),但不要在我的页面上单独显示某些结果.例如echo("name in second row")echo("id of first row")等.

php mysql arrays

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