小编Can*_*yer的帖子

解析标题X-XSS-Protection时出错 - Google Chrome

我将Google Chrome升级到Version 64.0.3282.140 (Official Build) (64-bit)Windows 10计算机上.一旦我这样做,我在开发人员工具控制台中的网站上收到此错误.不确定从哪里开始.去年我确实看到了类似的问题,这是youtube的一个问题(也在网址中),但我还没有看到任何解决方案.

Error parsing header X-XSS-Protection: 1; mode=block; 
report=https://www.google.com/appserve/security-bugs/log/youtube: insecure 
reporting URL for secure page at character position 22. The default 
protections will be applied.
16:07:31.905
Run Code Online (Sandbox Code Playgroud)

当我通过嵌入式网址直接访问youtube时,我也看到了这个问题,所以它不仅仅在我的网站上.

UPDATE

我在回复中附上了标题的照片,表明google.com网址似乎正在产生问题.

在此输入图像描述

html javascript youtube google-chrome youtube-api

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

针对UPS的Active_Shipping协商费率 - Ruby on Rails

我已将Shopify active_shipping gem集成到我的网站中,我正在尝试从我的UPS帐户获得协商费率(我可以获得常规费率).我找不到有关协商费率的任何文件.有人可以帮我从这里出去吗?我认为这行代码应该可以工作,但它不会产生任何错误或任何不同的运费.

response = carrier.find_rates(origin, destination, packages, {negotiated_rates: true})
Run Code Online (Sandbox Code Playgroud)

我在这里跑过这个链接,但仍然没有运气:

https://github.com/Shopify/active_shipping/blob/master/lib/active_shipping/carriers/ups.rb

ruby ruby-on-rails shopify ruby-on-rails-5

12
推荐指数
1
解决办法
265
查看次数

倾斜的背景 - CSS

我不太喜欢CSS,所以我认为这是微不足道的,但到目前为止我没有尝试过看起来我想要的东西.我附上了一张图片来展示确切的布局.照片中的线条仅用于显示颜色应该更改的位置.

这是我尝试过的一些代码,但看起来并不是我想要的.

.block {
  background-color: black;
  left: -50;
  height: 150px;
  width: 100%;
  transform: rotate(-40deg);
}
Run Code Online (Sandbox Code Playgroud)

CSS表格

<body>
  <div class="block">

  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html css background css3

7
推荐指数
2
解决办法
7548
查看次数

ReactJS组件中的常量放置

从Java背景来看,在我看来,下面的常量应该在类中定义为实例变量.但是,这不起作用,如果我想从不同的函数访问变量,则必须在组件类之外定义常量.有人可以向我解释这个推理吗?我只是缺少一些简单的东西吗?我从codeacademy.com获得了这段代码.

import React from 'react';
import ReactDOM from 'react-dom';

const redPanda = {
  src: 'https://upload.wikimedia.org/wikipedia/commons/b/b2/Endangered_Red_Panda.jpg',
  alt: 'Red Panda',
  width:  '200px'
};

class RedPanda extends React.Component {
  render() {
    return (
      <div>
        <h1>Cute Red Panda</h1>
    <img 
      src={redPanda.src}
      alt={redPanda.alt}
      width={redPanda.width} />
  </div>
);
 }
}

ReactDOM.render(
  <RedPanda />,
  document.getElementById('app')
);
Run Code Online (Sandbox Code Playgroud)

reactjs

7
推荐指数
2
解决办法
2万
查看次数

获取PushManager订阅时出错 - JavaScript

我有以下代码注册服务工作者并要求用户允许通知.用户允许推送通知,其中通过返回的承诺后,我发现了一个错误serviceWorkerRegistration.pushManager.getSubscription()null.当我关闭浏览器并再次强制执行此函数调用时,它可以正常工作.我不明白为什么.这是我的代码:

window.vapidPublicKey = new Uint8Array([4, 45, ...]); 
if (navigator.serviceWorker) {
  navigator.serviceWorker.register('/serviceworker.js')
  .then(function(reg) {
     console.log('Service worker change, registered the service worker');
  });
}
// Otherwise, no push notifications :(
else {
  console.error('Service worker is not supported in this browser');
}

navigator.serviceWorker.ready.then((serviceWorkerRegistration) => {
  console.log("ready");
  serviceWorkerRegistration.pushManager
  .subscribe({
    userVisibleOnly: true,
    applicationServerKey: window.vapidPublicKey
  });
});



// application.js

// Let's check if the browser supports notifications
if (!("Notification" in window)) {
  console.error("This browser does not support notifications.");
}

// Let's check …
Run Code Online (Sandbox Code Playgroud)

javascript push-notification web-push

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

HTML视频循环重新下载视频文件

我有一个很大的HTML5视频。我也在使用Chrome。video元素具有loop属性,但是每次视频“循环播放”时,浏览器都会重新下载视频文件。我已经设定了Cache-Control "max-age=15768000, private"。但是,这不会阻止对相同文件的任何额外下载。我正在使用Amazon S3托管文件。s3服务器还使用Accepts Ranges标头进行响应,该标头导致使用206http响应代码请求文件的数百次部分下载。

这是我的视频标签:

<video autoplay="" loop="" class="asset current">
    <source src="https://mybucket.s3.us-east-2.amazonaws.com/myvideo.mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

更新:

似乎最好的解决方案是阻止Accept Ranges标头与原始响应一起发送,而使用200 http响应代码。如何做到这一点,以便通过.htaccess文件完全缓存视频?

提前致谢。

html javascript google-chrome http amazon-s3

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

React Native - 更改焦点上的按钮颜色

我正在使用ButtonReact Native 的组件,当按钮通过电视遥控器(Amazon Fire Stick)聚焦时,我需要更改按钮的颜色。我没有看到任何可用于该按钮的焦点侦听器。有没有办法实现这个功能?这是我的代码:

<Button disabled={props.loading} styles={styles.button} title="1" onPress={() => {props.addNumber(1)}}/>
Run Code Online (Sandbox Code Playgroud)

我查看了该TouchableHighlight组件,但它不起作用,因为当用户在单击按钮之前将注意力集中在按钮上时,我需要更改颜色。默认情况下,不透明度变化非常小,以至于很难判断按钮当前是否处于焦点状态。

android react-native

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

设置 Rails 资源的缓存控制

我的 application_controller.rb 中有以下代码

before_action :set_cache_headers

def set_cache_headers
  response.headers["Cache-Control"] = "no-cache, no-store, max-age=0, must-revalidate"
  response.headers["Pragma"] = "no-cache"
  response.headers["Expires"] = "Fri, 01 Jan 1990 00:00:00 GMT"
end
Run Code Online (Sandbox Code Playgroud)

这也会导致我的资产在每次请求时重新加载。在 Rails 中,如何在每个请求上重新加载 HTML,而不是资源?

我想要这样的东西(除了 Rails 内):

<filesMatch ".(css|jpg|jpeg|png|gif|js|ico|JPG|woff)$">
    Header set Cache-Control "max-age=2592000, public"
</filesMatch>
Run Code Online (Sandbox Code Playgroud)

ruby ruby-on-rails ruby-on-rails-5

5
推荐指数
1
解决办法
3101
查看次数

从 Rails 5 升级到 6 会破坏 ActiveStorage

我有一个 Rails5.2.2应用程序,我升级到了6.1.3.2. 我已经设法让除 ActiveStorage 之外的所有内容正常工作。我遇到的问题是我之前在 s3 上保存的图像现在使用相同的代码为 404。当我升级时,rails 创建了以下迁移(也运行了bin/rails app:upgrade):

# This migration comes from active_storage (originally 20190112182829)
class AddServiceNameToActiveStorageBlobs < ActiveRecord::Migration[6.0]
  def up
    unless column_exists?(:active_storage_blobs, :service_name)
      add_column :active_storage_blobs, :service_name, :string

      if configured_service = ActiveStorage::Blob.service.name
        ActiveStorage::Blob.unscoped.update_all(service_name: configured_service)
      end

      change_column :active_storage_blobs, :service_name, :string, null: false
    end
  end

  def down
    remove_column :active_storage_blobs, :service_name
  end
end
Run Code Online (Sandbox Code Playgroud)

# This migration comes from active_storage (originally 20191206030411)
class CreateActiveStorageVariantRecords < ActiveRecord::Migration[6.0]
  def change
    create_table :active_storage_variant_records do |t|
      t.belongs_to :blob, …
Run Code Online (Sandbox Code Playgroud)

ruby ruby-on-rails ruby-on-rails-6

5
推荐指数
0
解决办法
881
查看次数

“或”语句在 Rails 查询中不起作用

我有以下模型结构:

class Job < ApplicationRecord
     belongs_to :location
     has_and_belongs_to_many :users
end

class Location < ApplicationRecord
     has_and_belongs_to_many :users
     has_many :jobs
end

class User < ApplicationRecord
    has_and_belongs_to_many :locations
end
Run Code Online (Sandbox Code Playgroud)

这允许我为给定位置创建作业,然后将用户关联/分配给该作业。我的用户表有一个active属性,当我尝试查询已分配给作业或状态为活动的用户时出现错误。这是我的查询:

@users = @job.location.users.where(users: { id: @job.user_ids }).or(@job.location.users.where(active: true))
Run Code Online (Sandbox Code Playgroud)

错误:

ArgumentError (Relation passed to #or must be structurally compatible. Incompatible values: [:references]):
Run Code Online (Sandbox Code Playgroud)

提前致谢。

ruby ruby-on-rails ruby-on-rails-5

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