小编Ben*_*lum的帖子

自定义Webpack CSS-loader"localIdentName"查询标记占位符?

我是Webpack的新手,并且一直在使用css-loader.在"本地范围"下的Github页面上,有关于localIdentName使用您自己的自定义值指定查询标记的信息,如:[path][name]---[local]---[hash:base64:5].此标记允许我们指定在处理后如何命名类.

我们是否可以为此查询标记定义自己的自定义值占位符,即css-loader?localIdentName=[MyCustomMethod]-[hash:base64:5]

javascript css loader webpack

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

以编程方式停用移动Chrome 43的"触摸搜索"功能

当我在Android设备上的Chrome 43中选择文字时,我会看到"触摸搜索"弹出窗口.我们目前正在为我们网站上的某项功能使用文字选择,而这项新的Chrome功能会干扰我们的部分用户界面.

从长远来看,我们将制定新的UI/UX以与此功能并行工作,但在此期间,我们希望在我们的Web应用程序上禁用它.

我们可以添加一些元标记或JavaScript来关闭它吗?有谁知道这是否可能?

javascript android google-chrome textselection ios

6
推荐指数
1
解决办法
1997
查看次数

浏览器用于HTML5输入类型= url的正则表达式是什么?

我正在研究HTML5输入模式polyfill,我正在尝试在JavaScript中验证输入类型= url,就像浏览器(Chrome)一样,但无法找到有关JavaScript或PERL兼容正则表达式的任何文档.因为它是一个polyfill,我不特别介意它是否完全匹配所有URL(这是不可能的),而是它模仿浏览器的工作方式.

有人会知道PERL语法中的相同模式吗?

谢谢

regex validation url html5 input

5
推荐指数
2
解决办法
2909
查看次数

是否可以使用 Service Worker 代理 iframe 子资源?

我有一个依赖 3rd 方资源的 iframe。iframe 本身没有 src,没有沙盒,通过 AJAX 填充内容,其子资源(例如 CSS、图像)存在于不同域的 CDN 上。

在我们或我们的客户发生中断的情况下,我希望能够将 iframe 的 CSS 切换到我们域中的本地文件。我试图通过我们的 Service Worker 中的 fetch 事件来做到这一点:

self.addEventListener('fetch', event => {
  const processEpubRequests = () => fetch(`/epubs/${event.request.url.split('epub-resource/')[1]}`);

  if(event.request.url.startsWith(`https://our_api.com`))
    event.respondWith(
      fetch(event.request)
        .then(response => response.status >= 400 ? processEpubRequests(response) : response)
        .catch(processEpubRequests)
    );
  else
    event.respondWith(
      caches.match(event.request)
        .then(response => response || fetch(event.request))
    );
});
Run Code Online (Sandbox Code Playgroud)

这对于内容的 AJAX 请求非常有效,但 CSS 似乎不起作用。它以正确的响应显示在“网络”选项卡中,但就像 iframe 只是忽略了它。

是否可以通过这种方式处理 iframe 子资源?

谢谢!

编辑: 我制作了一个 Github 页面演示来说明我所看到的。页面:https : //soluml.github.io/ServiceWorkerIframeExample/ 源代码:https : //github.com/soluml/ServiceWorkerIframeExample/tree/gh-pages

javascript iframe service-worker

2
推荐指数
1
解决办法
1723
查看次数