html - 一个 cookie 问题始于 Instagram api。配置发生了一些变化，这让我感到困惑

Question

instafeed api 停止在我的网站上运行。我得到的错误是：

与https://instagram.com/上的跨站点资源关联的 cookie设置为没有该SameSite属性。SameSite=None未来版本的 Chrome 将仅在使用和设置时提供带有跨站点请求的 cookie Secure。您可以在 Application>Storage>Cookies 下的开发人员工具中查看 cookie，并在https://www.chromestatus.com/feature/5088147346030592和https://www.chromestatus.com/feature/5633521622188032查看更多详细信息。

Chrome 改变了一些东西，我试图理解。任何帮助，将不胜感激。

我写这篇文章的网站在这里。http://galnova.com

  var accessToken = '271323200.1677ed0.0a4c06efd9474022b9c3eb47bccf5657'; // use your own token 713486902779818|vM5scnvKTkbBmLbsSgBTPVi3Gqs
    
  $.getJSON('https://api.instagram.com/v1/users/self/media/recent/?access_token='+accessToken+'&callback=?',function (insta) {
    $.each(insta.data,function (photos,src) {
      if ( photos === 6 ) { return false; }
        var date = new Date(parseInt(this.created_time) * 1000);
         // template
      $(
          
        '<div class="col-sm-6 col-md-3 col-lg-2 grip_wrap flx gonzo">' +
        '<div class="grip_hang_topp"></div>' +
        '<div class="col grip flex_el flx_ex">' +
        '<a title="' + this.caption.text + '" class="fancybox zero lass"  data-fancybox="gallery1" data-caption="' + this.caption.text + '" href="' + this.images.standard_resolution.url + '">' +
        '<img src="' + this.images.standard_resolution.url + '" />' +
        '</a>' +
        '<div class="col coat2 truncate">' + this.caption.text + '</div>' +
        '<div class="row nill">' +
        '<span class="col-6 heart-wrap floated">' + '<i class="fa fa-heart">'+ '</i>' + this.likes.count +' <div class="summ">likes</div>'+'</span>' +
        '<span class="col-6 comment-wrap floated">' + '<i class="second fa fa-comment">'+ '</i>' + this.comments.count +' <div class="summ">comments</div>'+'</span>' +
        '</div>' +
    '<div class="row nill">' +
        '<span class="col-sm-12 check-wrap floated">' + '<i class="second fa fa-check">'+ '</i>' + 'Posted ' + (date.getMonth()+1) + '/' + date.getDate() + '/' + date.getFullYear().toString().substring(2) +'</span>' +
    '</div>' +
        '<div><a href="http://galnova.com/insta.html"><button class="col-12 btn btn-outline-tertiary">UltraGallery <span class="fab fa-instagram"><\/span></button></a></div>' +
        '</div>' +
          
        '<div class="grip_hang_bott"></div>' +
        '</div>'

      ).appendTo('#instafeed');
    }); 
$(".grip").hover(function(e){
    "use strict";
    e.preventDefault();
    if ($(window).width() > 991) {

        return false;
    }
});
  
});

标签： htmljquerycookiesinstagramsamesite

Answer 1

Instagram Api has changed, read more about it here