通过油猴脚本工具展示扇贝网的实名打卡记录

本文首发于我的个人博客：https://jlice.top/p/7kmxm/。欢迎大家前去参观，么么哒~

前段时间注意到扇贝网页版所展示的打卡记录与手机端显示的内容存在差异，推测可能是网页端开发进度落后所致。这种信息不一致的情况在查询打卡记录时造成了诸多困扰，因此决定尝试寻找解决办法。

最初设想的解决方案是创建一个静态页面并将其部署至对象存储服务中，随后开启对象存储的静态网站托管功能。静态页面将通过Ajax技术调用手机版提供的RESTful接口获取相关数据，并据此生成打卡日志。然而，经过多次测试后发现该方法无法实现预期效果。

    $.get(url, function(data){
    // do something
    });
    
    
      
      
      
    

直接采用Ajax发起请求时会出现错误提示：

所请求资源缺少'Access-Control-Allow-Origin'响应头。

这源于服务器端未开放跨域访问权限。

随后了解到可通过JSONP方式实现跨域数据获取。由于JavaScript脚本具备跨域执行能力，例如静态博客中评论功能即依赖此类跨域脚本。JSONP的核心理念是在请求地址中附加callback参数，服务端将以此参数指定的函数名对JSON数据进行封装，并在返回响应时