草庐IT

hidden-scroll-content

全部标签

javascript - 如何让 Google Tag Manager 和 Content-Security-Policy 共存?

Content-Security-Policy(CSP)header旨在保护您的应用程序免受网络应用程序中的恶意资源注入(inject)。为简单起见,您为所有图像、脚本、样式等提供允许域来源的白名单。与此同时,营销团队正在使用GoogleTagManager(GTM)管理标签。原理是从页面收集信息,将它们发送到GTM并将这些数据用作变量来生成标签,这是模板化JS/HTML和这些变量的混合。问题是这些标签中的大多数都包含javascript,用于将非常具体的数据发送到跟踪器、广告服务器或任何合作伙伴。假设我的营销团队了解安全风险并且不会包含恶意脚本。有没有办法知道GTM导入了哪些域,以便

javascript - 警告 : Added non-passive event listener to a scroll-blocking 'touchstart' event

这个问题在这里已经有了答案:Whatarepassiveeventlisteners?(1个回答)关闭4年前。我在chrome中打开应用程序时收到一个奇怪的警告。我不知道如何摆脱这个警告[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.任何人都可以帮我穿上这个。提前致谢

javascript - Chrome 扩展 : how to detect that content script is already loaded into a tab?

我的后台脚本中有以下代码:chrome.tabs.onUpdated.addListener(function(tabId,changeinfo,tab){if(changeinfo.status!=='complete')return;if(!matchesUrlFilters(tab.url))return;chrome.tabs.executeScript(tabId,{file:"jquery-1.7.1.min.js"},function(){chrome.tabs.executeScript(tabId,{file:"enhance.js"});});});但是,在某些情况

javascript - Chrome 扩展 : Grab DOM content for parsing

我正在开发一个Chrome扩展程序,它只扫描DOM中的短语。我唯一需要帮助的是用弹出窗口抓取DOM内容,我找不到返回当前选项卡内容的方法。 最佳答案 测试并正常工作:放"permissions":["tabs"],在您的list中。然后,在你的background.js中chrome.extension.onRequest.addListener(function(request,sender,sendResponse){//LOGTHECONTENTSHEREconsole.log(request.content);});chro

用于从 Content-Disposition header 中提取文件名的 javascript 正则表达式

Content-dispositionheader包含可以轻松提取的文件名,但有时它包含双引号,有时不带引号,并且可能还有其他一些变体。有人可以编写适用于所有情况的正则表达式吗。Content-Disposition:attachment;filename=content.txt以下是一些可能的目标字符串:attachment;filename=content.txtattachment;filename*=UTF-8''filename.txtattachment;filename="EUROrates";filename*=utf-8''%e2%82%ac%20ratesattac

javascript - 有没有CSS :visible (scroll) selector?

我只想使用CSS更改可见元素的样式。有选择器吗?它只需要与Chrome和Firefox一起使用。(我正在构建一个扩展/插件)如果没有,有没有办法用轻量级的javascript改变可见元素的样式?在当前滚动位置可见。元素可以超出滚动视野,或部分可见。 最佳答案 没有用于评估可见性的标准纯CSS规则。正如其他人所说,jQuery(如果您想使用jQuery)既有CSSselectorextension:visible以及在任何给定的jQuery对象上执行.is(':visible')的能力,以使用.css在任何给定的DOM元素上获取计算样

javascript - jQuery/JavaScript : Detecting scroll direction - code structure issue

我需要检测用户滚动的方向——“向上”或“向下”。基于此答案中的代码:HowcanIdeterminethedirectionofajQueryscrollevent?我试图将它包装在一个函数中,这样它就更有区别了——但不幸的是,它不起作用。我认为这与我返回值的方式有关,但方向始终是“向上”。作为JavaScript的新手,我在解决这个问题时遇到了问题。代码如下:$(document).ready(function(){'usestrict';varlastScrollTop=0,st,direction;functiondetectDirection(){st=window.pageY

javascript - 松弛传入 webhook : Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response

我尝试在浏览器中通过fetchAPI发布slack消息:fetch('https://hooks.slack.com/services/xxx/xxx/xx',{method:'post',headers:{'Accept':'application/json,text/plain,*/*','Content-type':'application/json'},body:JSON.stringify({text:'Hithere'})}).then(response=>console.log).catch(error=>console.error);};我收到以下错误消息:FetchA

javascript - 方法比较 : EaselJS vs Multiple Canvases vs Hidden Canvas for interactiveness

1.)我发现了一个名为EaselJS的CanvasAPI,它在为您绘制的每个元素创建显示列表方面做得非常出色。它们本质上成为Canvas上可单独识别的对象(在一个Canvas上)2.)然后我在http://simonsarris.com/上看到了关于这个可以拖放的教程,它使用了一个隐藏的Canvas概念来进行选择。3.)第三种方法,一种可行的方法,http://www.lucidchart.com/,这正是我想要实现的,基本上将每个形状都放在不同的Canvas上,并用于定位它们。有大量的Canvas。问题是,在http://www.lucidchart.com/上实现交互式网络图的最简

php - 是否有 JavaScript 方法来执行 file_get_contents()?

这是PHPdocumentation如果我没有找到一种纯粹的客户端方式来执行此操作,那么我将如何在Ajax调用中使用它。$homepage=file_get_contents('http://www.example.com/');echo$homepage;有没有办法改为在客户端执行此操作,这样我就不必通过ajax遍历字符串? 最佳答案 你可以做JS代码:$.post('phppage.php',{url:url},function(data){document.getElementById('somediv').innerHTML