前端小技能：利用action-type按钮事件实现批量删除

引言

1. 利用action-type按钮事件实现批量删除：

利用关键词feed_list_delete寻找要删除的类型事件

• feed_list_delete_fast_reported
• feed_list_delete

1. 编辑页面上的任何文本 ✍

如果你想快速修改一些网页数据，使用这个是最方便的，比什么P图软件都快。 推荐修改没有点击事件的文本（非超级链接文本）

I 利用action-type按钮事件实现批量删除

1.1 action-type 汇总

• feed_list_delete：删除
• fl_del_fast_reported 取消快转
• fl_reEdit：编辑
• fl_addTag ：加标签
• fl_fansVisible：转换为粉丝可见
• fl_friendVisible：转换为好友圈可见
• fl_personalVisible：转换为仅自己可见

1.2 HTML DOM setInterval() ：周期（以毫秒计）调用执行函数/表达式

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

• 语法

setInterval(code,millisec[,"lang"])

code ：必须。要调用的函数或要执行的代码串。

millisec：必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

返回值:传递给 Window.clearInterval() 从而取消对 code 的周期性执行

1.3 例子

周期执行删除快转帖子的函数，周期millisec为2000

https://blog.csdn.net/z929118967/article/details/77449097

'use strict';

var s = document.createElement('script');
s.setAttribute(
  'src',
  'https://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js'
);
s.onload = function() {
  setInterval(function() {

    if ($('a[action-type="feed_list_delete_fast_reported"]')) {
        $('a[action-type="feed_list_delete_fast_reported"]').click()
    } 
    
    //

    if ($('a[action-type="fl_del_fast_reported"]')) {
        $('a[action-type="fl_del_fast_reported"]').click()
    } 


    if ($('a[action-type="feed_list_delete"]')) {
        $('a[action-type="feed_list_delete"]')[0].click()
        $('a[action-type="ok"]')[0].click()
    }


      $('a.next').click();
    

    // scroll bottom let auto load
    $('html, body').animate({ scrollTop: $(document).height() }, 'slow');


  }, 800);
};
document.head.appendChild(s);

II Chrome DevTools中的操作技巧

Mac 使用 command+option+I 即可打开DevTools

2.1 编辑页面上的任何文本 ✍

在控制台输入document.body.contentEditable="true"开启文本编辑模式，刷新网页可自动退出模式了。

或者document.designMode = 'on'就可以实现对网页的编辑了。

如果你想快速修改一些网页数据，使用这个是最方便的，比什么P图软件都快。

2.2 Command 菜单

Cmd + Shift + P

在这里插入图片描述

截图包含滚动条在内的所有页面内容

Capture full size screenshot（并不只是页面可视区域）

see aslo

• html进阶：【Meta 标签的 http-equiv 属性使用指南】

https://kunnan.blog.csdn.net/article/details/108941030