小编Man*_*God的帖子

如何解决访问 cookie 或存储的请求被阻止,因为它来自跟踪器并且启用了内容阻止

我在我的网站www.iusefaith.com上使用内容安全政策和谷歌广告。我的 Adsense 没有显示,我在 Firefox Inspector 中收到的错误消息是

请求访问“ https://adservice.google.com/adsid/integrator.js?domain=www.iusefaith.com ”上的 cookie 或存储空间的请求被阻止,因为它来自跟踪器并且启用了内容阻止。

使用 Chrome 我收到以下错误

与跨站点资源关联的 cookie 设置为没有该SameSite属性。未来版本的 Chrome 将仅在跨站点请求中使用SameSite=None和设置 cookie 时才传送 cookie Secure。您可以在应用程序>存储>Cookies 下的开发人员工具中查看 cookie,并查看更多详细信息和

同时我在我的内容安全政策中允许谷歌

<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval'  https://code.jquery.com https://ajax.aspnetcdn.com  *.reftagger.com *.fastly.net *.facebook.com *.youtube.com *.googlesyndication.com *.googleapis.com  *.google-analytics.com *.googletagservices.com *.google.com.gh *.google.com *.doubleclick.net *.vimeo.com *.cloudflare.com *.cloudinary.com *.bootstrapcdn.com; img-src * data:; frame-src *;  ">
Run Code Online (Sandbox Code Playgroud)

因此,我只能在我的主页上看到 google adsense,而在其他页面上却没有。如何修复它并启用 google adsense 显示,而请求访问 cookie 或存储在所有页面上都被阻止?

cookies content-security-policy

8
推荐指数
1
解决办法
3676
查看次数

如何解决“根据声明的字符编码,字节流错误”?

我的 mozilla 日志中,我收到以下错误:

根据声明的字符编码,字节流是错误的。字符编码声明可能不正确。

图像

同时,在我的 doctype 元下声明了 UTF8 字符集:

<!DOCTYPE html><html lang="en"><head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"><meta charset="utf-8"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"><meta name="msvalidate.01" content="232BB6672CFDF39D90402F9473F59D51"><title>What are the Terms of the Covenant of Settlement ? :. Bishop David Oyedepo, Questions and Answers, + Pdf</title>
Run Code Online (Sandbox Code Playgroud)

我在用<meta charset="utf-8">。为什么我会收到此错误,如何解决?

utf-8

7
推荐指数
1
解决办法
7590
查看次数

如何使SVG蒙版的图像与Internet Explorer兼容

最近,我创建了一个被svg屏蔽的图像,该图像在Chrome中可完美运行,但在我的Internet Explorer版本中无法正常工作。这是我的svg预期的最终结果

预期最终结果

这是我的SVG代码

<svg width="0" height="0" viewBox="0 0 160 160">
  <defs>
    <clipPath id="shape">
      <path d="M10,70 Q0,80 10,90 L70,150 Q80,160 90,150 L150,90 Q160,80 150,70 L90,10 Q80,0 70,10z" />
    </clipPath>
  </defs>
</svg>

<img src='http://i.imgur.com/NR6kefg.jpg' class='photo_rectangle_inverse' />
<img src='http://i.imgur.com/DXaH323.jpg' class='photo_rectangle_inverse' />
Run Code Online (Sandbox Code Playgroud)

这是我的CSS

* {
  padding: 0;
  margin: 0;
}
.photo_rectangle_inverse {
  height: 160px;
  width: 170px;
  -webkit-clip-path: url(#shape);
  clip-path: url(#shape);
  position: relative;
  -webkit-transform: translateZ(1px)
}
Run Code Online (Sandbox Code Playgroud)

由于svg在Internet Explorer(IE 11)中无法使用,因此在阅读了有关浏览器兼容性问题的文章后,我添加了

<meta http-equiv="X-UA-Compatible" content="IE=edge">
Run Code Online (Sandbox Code Playgroud)

我的页面顶部,因为基于本文的IE Edge似乎与Svg最兼容。

但svg形状仍未显示。

这是一个Jsfiddle。注意Jsfiddle不允许使用meta标签

如何使svg蒙版图像与Internet Explorer兼容?

ks

css internet-explorer svg css3

4
推荐指数
1
解决办法
1万
查看次数

如何使用 svg 形状来遮罩图像?

我有一个 SVG 形状,我想将其用作蒙版,以便我添加到它的每个图像都在该形状内。

这是我想用作面具的形状:

用作蒙版的图像

这是我的 svg 代码,用于获取该蒙版,但颜色为黑色

<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="157.000000pt" height="163.000000pt" viewBox="0 0 157.000000 163.000000" preserveAspectRatio="xMidYMid meet">
   <metadata>
      My svg Mask
   </metadata>
   <g transform="translate(0.000000,163.000000) scale(0.100000,-0.100000)"
      fill="#000000" stroke="none">
      <path d="M373 1197 c-355 -355 -363 -363 -363 -402 0 -39 8 -47 363 -402 355
         -355 363 -363 402 -363 39 0 47 8 402 363 355 355 363 363 363 402 0 39 -8 47
         -363 402 -355 355 -363 363 -402 363 -39 0 -47 -8 -402 -363z"/>
   </g> …
Run Code Online (Sandbox Code Playgroud)

css svg image

3
推荐指数
1
解决办法
2540
查看次数

Slimscroll仅在div更新时向下滚动

我正在开发与彗星的聊天,我希望Slimscroll只向下滚动div更新,因为我的聊天脚本通过向div添加新消息来更新div.到目前为止,我能够让Slimscroll每2秒向下滚动一次.

问题 但问题是它向下滚动div是否已经改变,因此,用户无法滚动到顶部.如果只有当id的id messages_content改变或增大时,如何使其向下滚动?

这是我的slimscroll代码

  $(".slimscroll").slimscroll({
        height: "300px",
        color : "#0073b7",
        alwaysVisible: true,
        size: "10px",
        start: 'bottom',
        railVisible: true,
      railColor: '#0073b7',
      railBorderRadius: 0

    }).css("width", "100%");


     // update content every second
  setInterval(function(){

    // update slimscroll every time content changes
   var en_bas = $('.slimscroll').slimscroll({ scrollBy: '400px' });



  }, 2000);
Run Code Online (Sandbox Code Playgroud)

这是我的Comet Code,它使用prototypejs从数据库中获取信息.

<script type="text/javascript">

var Comet = Class.create();
Comet.prototype = {

  timestamp: 0,
  url: './messages_private_travail.php?id_du_membre_envoye=<?php echo $id_ojm_peoples; ?>&id_de_l_autre_originale=<?php echo $id_de_l_autre_originale; ?>&id_message=<?php echo addslashes(@$_GET['id_message']); ?>&chat_between=<?php $chat_between = hash('sha512',"Chat Between $id_ojm_peoples AND $id_de_l_autre_originale");  echo …
Run Code Online (Sandbox Code Playgroud)

jquery prototypejs slimscroll

0
推荐指数
1
解决办法
8293
查看次数