小编Wil*_* A.的帖子

如何使用Adblock检测用户并重定向javascript

我一直在搜索关于如何检测广告块的事情,我找到了一些东西,但没有一个有效.如何检测网站中的广告块并重定向用户？例如:

我有一个广告块,然后转到www.lol.com它应该重定向到我www.lol.com/adblock.php.

编辑

我只是没有广告,我正在开发一款在线游戏,但是出于某种奇怪的原因而使用Adblock的用户会阻止游戏.我只想检测用户是否使用Adblock并告诉这些用户禁用它.

javascript redirect block adblock web

Wil*_* A.

2013 08-23

5
推荐指数

1
解决办法

1万
查看次数

已弃用的 Webpack 的 i18n 插件和加载器的替代方案

我正在开发一个需要从.json文件加载翻译的 TypeScript 项目，目的是每个国家/地区都有一个语言文件。示例：en.json, es.json。

然后我应该能够使用.ts具有某些功能的文件中的翻译__('red')或其他扩展提供的功能。

然后最终编译的.js文件应该包含所有翻译以“实时”切换语言。

json 文件的内容可能类似于：

es.json

{
    "colors": {
        "red": "rojo",
        "blue": "blue"
    }
}

Run Code Online (Sandbox Code Playgroud)

似乎不推荐使用当前推荐的（在文档中）i18n 加载器和 Webpack 插件：

插件：I18nWebpackPlugin
加载器：I18nLoader

我想知道使用这个扩展是否安全，或者我的情况有一些可用的选项，我尝试了i18next和i18next-loader但它似乎不适用于我当前的设置，它似乎与以下内容有关模块导入过程如何工作。所以也许另一个支持 Webpack + TypeScipt 的轻量级替代品可以解决这个问题。

这是我当前的 package.json 依赖项

{
  "dependencies": {
    "animate.css": "^3.7.2",
    "i18next": "^19.1.0",
    "intl-tel-input": "^16.0.8",
    "uniq": "^1.0.1"
  },
  "devDependencies": {
    "@alienfast/i18next-loader": "^1.1.4",
    "@babel/core": "^7.7.5",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "babelify": "^10.0.0",
    "browserify": "^16.5.0",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": …

Run Code Online (Sandbox Code Playgroud)

javascript internationalization typescript webpack

Wil*_* A.

lucky-day

4
推荐指数

1
解决办法

1521
查看次数

页脚始终位于"flexbox"的底部(IE 11上的问题)

我测试了flexbox的一些功能.所以,我试图用弯曲的方式将网页的底部放在底部.

这是测试和代码(用IE测试它看问题):http: //codepen.io/spiderwpc/pen/zxZMjv

html:

<body>
<header>
  <h1>Header</h1>
</header>

<main>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit …

Run Code Online (Sandbox Code Playgroud)

html css internet-explorer google-chrome flexbox

Wil*_* A.

2015 01-27

3
推荐指数

1
解决办法

7455
查看次数

水平收音机Buttom定制设计

我一直试图达到这个设计单选按钮设计没有成功

我正在为我的网站使用bootstrap,但我所能达到的就是:

这是我的代码:

.content {background-color: #42d5b9; padding: 50px}

.amount-landing {text-align: center;}
.amount-landing label {color: #FFFFFF;}
.amount-landing > .col-xs-2 {background: url(https://i.imgur.com/K8Nz8Y2.png) repeat-x; background-position: 0 12px;}

.amount-landing input[type="radio"] {
    display:none;
}

.amount-landing input[type="radio"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:0px 0px 0 0;
    vertical-align:middle;
    background: #FFFFFF;
    cursor:pointer;
    border-radius: 50%;
}

.amount-landing input[type="radio"]:checked + label span {
    background: #101B27;
}

Run Code Online (Sandbox Code Playgroud)

         <div class="content "> 
          <div class="form-group">
            <div class="row amount-landing gray-line">
              <div class="col-xs-2 col-xs-offset-1"><input type="radio"><label for="amount1"><span></span></label></div>
              <div class="col-xs-2"><input type="radio"><label for="amount2"><span></span></label></div>
              <div class="col-xs-2"><input type="radio"><label for="amount3"><span></span></label></div> …

Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

Wil*_* A.

lucky-day

1
推荐指数

1
解决办法

78
查看次数