如何创建每次访问都会更改名称的动态CSS类以迷惑Screper

时间：2020-06-14 作者：meno

我想让页面类根据时间或其他任何事情动态更改，以强制使用依赖于我的站点类的刮板类型

或者像content、entry content之类的类。。等

我该怎么做？我如何控制新类的名称以获得旧类的样式？！

Old class

.entry-content{
 color:red;
 font-size:12pt;
}

new class

.timeNowis46421sdf{
 color:red;
 font-size:12pt;
}

2 个回复
SO网友:Tony Djukic

根据我的评论，我不知道你为什么要这样做，但这是可能的。

您可以在CSS中使用以下内容：

[class*=\'random-\']{
    color:red;
    font-size:12pt;
}
这只是针对以random-. 你可以把它变成你想要的任何东西，比如说entry- 或者别的什么。您只需将其与下面的jQuery匹配即可。

现在，在主/主JS文件中，您可能需要这样的内容，或者获取整个代码，创建一个新文件并将下面的所有内容粘贴到其中。不过，你必须将该文件排队。

(function( $ ) {
    \'use strict\';
    $( document ).ready( function() {
        if( $( \'.entry-content\' ).length > 0 ) {
            var newClassName = \'random-\'+Math.floor( ( new Date() ).getTime() / 1000 );
            $( \'.entry-content\' ).addClass( newClassName ).removeClass( \'entry-content\' );
        }
    } );
} )( jQuery );
我们要做的第一件事是检查是否有.entry-content 在页面上-我通常会先运行这样的检查，因为我不想麻烦执行任何东西，除非页面上有什么东西需要执行。

然后我们通过组合生成一个新类作为jQuery变量random- 使用当前日期/时间的一串数字。

最后，我们正在搜索.entry-content 类，添加random-1592183945 我们作为newClassName 变量，然后删除.entry-content 班

就这样。您的CSS选择器将识别该类并对其应用样式规则，每次页面加载都会每秒生成一个不同的类名，因此scraper应该将它们视为不同的。

SO网友:WP Developer

Please use this

<div class="entry-content random-<?php echo time(); ?>">
<style>
[class*=\'random-\']{
    color:red;
    font-size:12pt;
}
</style>
标签： plugins   php   functions   themes   css   小码农  

相关推荐

Style.css样式表不包含有效的主题标题

当我尝试上传一个我在免费主机上上传的主题时，这是我第一次在主机上上传主题，我得到了这个错误，因为风格。css样式表不包含有效的主题标头。然后我把这个放在我的风格上。css，但仍然会出现此错误，尽管主题在本地主机上运行得很好。请问我该怎么办？/* Theme Name: shah Author: shah Author URI: http://shah.gq Description: Wordpress Theme Versio