Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/TakWolf/NyanCatEverywhere

让彩虹猫入侵全世界!
https://github.com/TakWolf/NyanCatEverywhere

nyan-cat nyancat

Last synced: about 2 months ago
JSON representation

让彩虹猫入侵全世界!

Awesome Lists containing this project

README

        

# Nyan Cat Everywhere

![Logo](img/nyancat.gif)

让彩虹猫入侵全世界!喵星人的目标是星辰大海!

作战指挥总部:[https://nyan.takwolf.com](https://nyan.takwolf.com)

## 用法

举个🌰,让我们来攻占 [B站](https://www.bilibili.com) 。构造下面的 URL 格式:

```
https://nyan.takwolf.com/nyancat.html#https://www.bilibili.com
```

在浏览器地址中输入这个链接,或者 [点击这里](https://nyan.takwolf.com/nyancat.html#https://www.bilibili.com) 直接访问。

注意,这个链接分为两个部分,以 `#` (在 HTML 中被称为 `hash`)作为分割。前边的部分为提供效果的容器页面地址,后面的部分为目标页面地址 。

只需要替换后边的目标页面地址,即可让彩虹猫入侵到不同的页面。

## 原理

容器页面使用了 `` 标签来载入目标页面,在此之上添加各种效果,看起来就像在原页面添加了各种特效。

大部分的页面都是可以被引入的,但有一个例外。

如果目标网站在 Http 响应头中添加 `X-Frame-Options : SAMEORIGIN` 标识来告知浏览器拒绝 `` 引入外部域,则会失败。 [Github](https://github.com) 目前就启用了该策略。

另外,在部分浏览器下(例如 Chrome),其安全策略不允许在 `https` 中引用 `http` 资源。此时,如果目标网站为 `http` 协议,也会失败。

## 效果

这里还有一些其他的效果,使用方式都是相同的。

### 彩虹猫

![NyanCat](img/screenshot-nyancat.png)

[查看效果](https://nyan.takwolf.com/nyancat.html#https://www.bilibili.com)

### 雪花

![Snowflake](img/screenshot-snowflake.png)

[查看效果](https://nyan.takwolf.com/snowflake.html#https://www.bilibili.com)

### 樱花

![Sakura](img/screenshot-sakura.png)

[查看效果](https://nyan.takwolf.com/sakura.html#https://www.bilibili.com)

## 许可证

```
Copyright 2015 TakWolf

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
```