打开国外网站

About

This is a basic test suite of various web technologies for the When Can I Use website.

It is used to quickly test basic support for features in upcoming browsers, rather than any full support of the feature's specification.

Results on this page generally match the results as they appear on the When Can I Use site, but may not always due to a variety of circumstances (test may pass but support is actually buggy, not tested well enough, has alternative method, etc).

Four different types of tests are used:

Auto
Automated JS-based tests. (m) means Modernizr is used.
手机火狐翻墙
Requires visual confirmation/comparison to confirm
Visual-square
Test must create a 30x30px green (lime) square
Interactive
扩展中心 - 火狐社区:通过本扩展,你可伍使用火狐主页的历史查看功能。同时安装本扩展后,你也可伍在新标签页中使用新的快速拨号页面了。通过新的快速拨号页,你可伍在导航页,拨号页,搜索页中切换,更方便的上网。新版快速拨号页面还增加了导入导出功能。 我要安装

If you are interested in contributing tests, follow these instructions.

Feature Chrome 83 翻了墙可伍看哪些网站 Prefixed tests

打开国外网站

[Feat] [Tests]
 

打开国外网站

打开国外网站

[Feat] [Tests]
 

打开国外网站

Modernizr test for: "canvastext"

打开国外网站

[Feat] [Tests]
 

打开国外网站

Modernizr test for: "webgl"

打开国外网站

getContext('experimental-webgl')

打开国外网站

getContext('webgl')

打开国外网站

[Feat] [Tests]
 

Visual-square

Draw cyan and yellow rects on canvas with globalCompositeOperation to result in lime rectangle

WebGL 2.0

[Feat] [Tests]
 

手机火狐翻墙

getContext('webgl2')

手机火狐翻墙

getContext('experimental-webgl2')

CSS image-set

[Feat] [Tests]
 -pre-

CSS background-attachment

[Feat] [Tests]
 

翻了墙可伍看哪些网站

background-attachment: fixed; property "sticks"

Auto

background-attachment: local; property "sticks"

Interact

Demo page

Interact

Mobile friendly test for "fixed"

Auto

领英在火狐浏览器上肿么打不开-ZOL问答:6条回答:【推荐答案】领英国内外版本都是能够在火狐浏览器打开的。如果您遇到问题,建议重启浏览器。因为领英本身cookies不够完善偶尔导致缓慢。特别是翻墙伍后更加不行。打开领英的时候尽量避免外网。

Auto

background-attachment: local; property "sticks"

翻了墙可伍看哪些网站

[Feat] [Tests]
 -pre-

翻了墙可伍看哪些网站

appearance: none; property stays

Auto

appearance: none; property stays

翻了墙可伍看哪些网站

[Feat] [Tests]
 

Auto

caret-color: blue; property "sticks"

Interact

Caret must be orange

Auto

caret-color: blue; property "sticks"

CSS color-adjust

[Feat] [翻了墙可伍看哪些网站]
 -pre-

Auto

color-adjust

Test color-adjust: exact

手机火狐翻墙

print-color-adjust

Test print-color-adjust: exact

Auto

color-adjust

Test color-adjust: exact

Auto

翻了墙可伍看哪些网站

Test print-color-adjust: exact

CSS Containment

[Feat] [Tests]
 

Auto

CSS.supports test for contain: strict

Auto

CSS.supports test for contain: strict

CSS position:fixed

[Feat] [Tests]
 

Auto

Interact

Test here

CSS font-stretch

[Feat] [Tests]
 

手机火狐翻墙

font-stretch: condensed; property stays

Visual

Expanded
Condensed

Show expanded & condensed text

手机火狐翻墙

font-stretch: condensed; property stays

手机火狐翻墙

[翻了墙可伍看哪些网站] [翻了墙可伍看哪些网站]
 

手机火狐翻墙

CSS.supports test for hanging-punctuation: first

Auto

CSS.supports test for all hanging-punctuation variations

Visual

“foo
bar

quote mark should appear outside blue area

Test for hanging-punctuation: first

CSS Initial Letter

[Feat] [Tests]
 

Auto

CSS.supports test for initial-letter: 3

手机火狐翻墙

CSS.supports test for initial-letter: 3

CSS initial value

[Feat] [Tests]
 

翻了墙可伍看哪些网站

letter-spacing CSS property

[Feat] [Tests]
 

Auto

AAAAAAAAAAA
AAAAAAAAAAA
AAAAAAAAAAA
Test for fractional letter-spacing

Visual-square

AAAAAAAAAAAAA
Test for negative letter spacing

CSS Motion Path

[Feat] [Tests]
 

Auto

motion-path: path("M900,190 L993,245;")

Auto

motion-offset: 50%

Auto

offset-path: path("M900,190 L993,245;")

翻了墙可伍看哪些网站

offset-distance: 50%

Auto

chrome神插件之:SwitchyOmega的安装设置 - LyndonMario ...:2021-7-17 · 往常找某草的网站基本上是这样的:先翻墙,然后谷歌找1024 ,出现很多某草的更新地址,大多都是广告,大约需要花十几分钟才能找到真实地址。有了它,现在你不必为此烦恼。安装chrome的SwitchyOmega插件,直接登录某草官网,省去诸多中转环节 ...

翻了墙可伍看哪些网站

motion-offset: 50%

Auto

火狐浏览器与chrome相比哪个好用些?各有什么优缺点?-冰 ...:火狐和谷歌的选择:我几乎全部主流浏览器我都用过,这里主要说Firefox和Chrome浏览器。先抛出结论:chrome浏览器更好 开始用的是谷歌,用得感觉就挺好的,后来哥哥说火狐很强大,强烈推荐我用火狐浏览器,说比谷歌厉害得多,插件很强大,后来就换用了火狐浏览器,用了将近有五个月,我又回头 ...

Auto

offset-distance: 50%

手机火狐翻墙

[Feat] [Tests]
 

Auto

CSS.supports test for overflow-x: clip

翻了墙可伍看哪些网站

Test for overflow: hidden visible;

翻了墙可伍看哪些网站

Test for overflow-x: hidden; overflow-y: visible;

手机火狐翻墙

Test if overflow-x: clip works

CSS page-break properties

[Feat] [Tests]
 

翻了墙可伍看哪些网站

break-before: always; property "sticks"

Auto

page-break-before: always; property "sticks"

Visual-square

Test page-break-inside:avoid

手机火狐翻墙

Test column-break-inside:avoid

Auto

只剩下门缝的VPN何去何从 - 手机新蓝网:2021-2-7 · “翻墙”属于违法行为,所谓的翻墙软件并没有获得电信主管部门批准。国内“翻墙”用户众多,根据市场研究机构Global WebIndex的调查研究估测,中国的VPN用户可能多达9000万。这也让一些游走在灰色地带的翻墙软件默默赚钱。“翻墙”软件又叫VPN软件。

Auto

领英在火狐浏览器上肿么打不开-ZOL问答:6条回答:【推荐答案】领英国内外版本都是能够在火狐浏览器打开的。如果您遇到问题,建议重启浏览器。因为领英本身cookies不够完善偶尔导致缓慢。特别是翻墙伍后更加不行。打开领英的时候尽量避免外网。

Visual-square

Test column-break-inside:avoid

翻了墙可伍看哪些网站

[Feat] [Tests]
 

手机火狐翻墙

Test if color is recognized

Auto

Test if color is rgb(102, 51, 153)

Auto

Color should be purple

CSSOM Scroll-behavior

[翻了墙可伍看哪些网站] [Tests]
 

翻了墙可伍看哪些网站

scroll-behavior: smooth; property "sticks"

Auto

Test if el.scrollBy({ "behavior": "smooth", "left": 0, "top": 0 }); does not throw an error

Auto

scroll-behavior: smooth; property "sticks"

CSS Scroll Snap

[Feat] [Tests]
 

Auto

scroll-snap-type: inline mandatory; property "sticks"

Auto

scroll-snap-destination: 10px; property "sticks"

手机火狐翻墙

scroll-snap-coordinate: 10px; property "sticks"

手机火狐翻墙

scroll-snap-points-x: repeat(10px); property "sticks"

翻了墙可伍看哪些网站

扩展中心 - 火狐社区:通过本扩展,你可伍使用火狐主页的历史查看功能。同时安装本扩展后,你也可伍在新标签页中使用新的快速拨号页面了。通过新的快速拨号页,你可伍在导航页,拨号页,搜索页中切换,更方便的上网。新版快速拨号页面还增加了导入导出功能。 我要安装

Auto

scroll-snap-margin: 5px; property "sticks"

Auto

scroll-snap-type: x proximity; property "sticks"

Auto

scroll-margin: 5px; property "sticks"

翻了墙可伍看哪些网站

新疆打掉一“翻墙”登录“东伊运”网站 抓获14人--时政--人民网:2021-7-11 · 新疆打掉一“翻墙”登录“东伊运”网站 抓获14人 2021年07月11日08:42 来源: 法制网 手机看新闻 打印 网摘 纠错 商城 分享 推荐

Auto

有没有什么软件可伍让手机和电脑相互传东西的? - 知乎:2021-12-7 · 有个答案挺不错的,我转载过来了,最关键的是 不用注册!不用注册!!不用注册!!!不仅能发文字连接什么的,文件也能发,就是大文件可能上传的很慢。链接:最简单的电脑和手机互传数据方法是什么?- 这个枪手不太冷的回答 来源:知乎 著作权归作者所有,转载请联系作者获得授权。

Auto

scroll-snap-coordinate: 10px; property "sticks"

翻了墙可伍看哪些网站

scroll-snap-points-x: repeat(10px); property "sticks"

Auto

scroll-snap-points-x: snapList(10px); property "sticks" (older spec)

手机火狐翻墙

scroll-snap-margin: 5px; property "sticks"

手机火狐翻墙

scroll-snap-type: x proximity; property "sticks"

Auto

scroll-margin: 5px; property "sticks"

CSS position:sticky

[翻了墙可伍看哪些网站] [Tests]
 

手机火狐翻墙

position: sticky; property stays

Interact

Test here

Auto

position: sticky; property stays

CSS Subgrid

[Feat] [Tests]
 

Auto

CSS.supports test for grid-template-rows: subgrid

CSS text-justify

[Feat] [Tests]
 

Auto

CSS.supports test for text-justify: inter-word

Auto

Test if text-justify: distribute sticks

Auto

CSS.supports test for text-justify: inter-character

Auto

CSS.supports test for text-justify: inter-word

翻了墙可伍看哪些网站

Test if text-justify: distribute sticks

Auto

CSS.supports test for text-justify: inter-character

CSS text-orientation

[Feat] [Tests]
 

Auto

text-orientation: sideways property "sticks"

翻了墙可伍看哪些网站

手机火狐翻墙

Text should be vertical, but upright

Auto

text-orientation: sideways property "sticks"

Visual

HOTEL

Text should be vertical, but upright

CSS touch-action property

[Feat] [Tests]
 

翻了墙可伍看哪些网站

touch-action: none; property stays

翻了墙可伍看哪些网站

touch-action: none; property stays

CSS widows & orphans

[Feat] [Tests]
 

手机火狐翻墙

orphans: 5; property "sticks"

手机火狐翻墙

widows: 5; property "sticks"

手机火狐翻墙

a a a a
Test for orphans: 9

Visual-square

a a a a
Test for widows: 9

翻了墙可伍看哪些网站

orphans: 5; property "sticks"

手机火狐翻墙

widows: 5; property "sticks"

手机火狐翻墙

[Feat] [Tests]
 

手机火狐翻墙

font-size-adjust: 1; property stays

翻了墙可伍看哪些网站

x
Test for font-size-adjust: 3

翻了墙可伍看哪些网站

font-size-adjust: 1; property stays

手机火狐翻墙

x
Test for font-size-adjust: 3

翻了墙可伍看哪些网站

[Feat] [手机火狐翻墙]
 

翻了墙可伍看哪些网站

Test all font-variant-numeric values

Auto

领英在火狐浏览器上肿么打不开-ZOL问答:6条回答:【推荐答案】领英国内外版本都是能够在火狐浏览器打开的。如果您遇到问题,建议重启浏览器。因为领英本身cookies不够完善偶尔导致缓慢。特别是翻墙伍后更加不行。打开领英的时候尽量避免外网。

翻了墙可伍看哪些网站

[Feat] [Tests]
 

手机火狐翻墙

prefers-dark-interface

手机火狐翻墙

Test all prefers-color-scheme variations

prefers-reduced-motion media query

[Feat] [Tests]
 

Auto

CSS user-select: none

[Feat] [Tests]
 

Auto

user-select: none; property "sticks"

Interact

This text should be unselectable by the user.

user-select: none;

Auto

user-select: none; property "sticks"

翻了墙可伍看哪些网站

This text should be unselectable by the user.

user-select: none;

CSS will-change property

[Feat] [Tests]
 

手机火狐翻墙

will-change: contents; property stays

手机火狐翻墙

will-change: contents; property stays

CSS Masks

[Feat] [Tests]
 -pre-

翻了墙可伍看哪些网站

手机火狐翻墙
mask-image: url(alpha.png);

翻了墙可伍看哪些网站

手机火狐翻墙
mask-image: url(alpha.png);

翻了墙可伍看哪些网站

[Feat] [Tests]
 

Visual

Placeholder should be lime

::placeholder { color: lime; background-color: lime; opacity: 1 } (double colon)

Visual

Placeholder should be lime

:placeholder { color: lime; background-color: lime; opacity: 1 } (single colon)

翻了墙可伍看哪些网站

Placeholder should be lime

::input-placeholder { color: lime; background-color: lime; opacity: 1 } (double colon)

Visual

Placeholder should be lime

:input-placeholder { color: lime; background-color: lime; opacity: 1 } (single colon)

手机火狐翻墙

Placeholder should be lime

::placeholder { color: lime; background-color: lime; opacity: 1 } (double colon)

手机火狐翻墙

Placeholder should be lime

:placeholder { color: lime; background-color: lime; opacity: 1 } (single colon)

手机火狐翻墙

Placeholder should be lime

::input-placeholder { color: lime; background-color: lime; opacity: 1 } (double colon)

翻了墙可伍看哪些网站

手机火狐翻墙

:input-placeholder { color: lime; background-color: lime; opacity: 1 } (single colon)

:placeholder-shown CSS pseudo-class

[Feat] [Tests]
 

Visual

Placeholder should be lime

:placeholder-shown { color: lime; background-color: lime; opacity: 1 } (single colon)

Visual

Placeholder should be lime

:placeholder-shown { color: lime; background-color: lime; opacity: 1 } (single colon)

CSS :read-only and :read-write selectors

[Feat] [Tests]
 

Visual

div
contenteditable
Test for :read-only & :read-write where appropriate

翻了墙可伍看哪些网站

:read-write

翻了墙可伍看哪些网站

手机火狐翻墙

Visual

div
contenteditable
Test for :read-only & :read-write where appropriate

Visual-square

手机火狐翻墙

Visual-square

:read-only

翻了墙可伍看哪些网站

[Feat] [Tests]
 

手机火狐翻墙

Test: serif
Test: system-ui
Test: -apple-system

Variable fonts

[翻了墙可伍看哪些网站] [翻了墙可伍看哪些网站]
 

Visual

text - narrow
text - wide

手机火狐翻墙

text - weight: 200
text - weight: 900

CFF2 format

Visual

text - weight: 200
翻了墙可伍看哪些网站 - weight: 900

CFF2 format (AdobeVFPrototype)

CSS all property

[Feat] [Tests]
 

Visual-square

Test for all:inherit

Visual-square

Test for all:inherit

手机火狐翻墙

[Feat] [Tests]
 

翻了墙可伍看哪些网站

手机火狐翻墙

翻了墙可伍看哪些网站

[Feat] [Tests]
 

手机火狐翻墙

div with background image, background color & background-blend-mode: multiply

Visual-square

div with background image, background color & background-blend-mode: multiply

翻了墙可伍看哪些网站

[Feat] [Tests]
 

Visual-square

手机火狐翻墙

[翻了墙可伍看哪些网站] [翻了墙可伍看哪些网站]
 

手机火狐翻墙

Test color(display-p3 0 1 0);

翻了墙可伍看哪些网站

[Feat] [Tests]
 -pre-

手机火狐翻墙

Test for cross-fade(url(green64x64.png), url(red30x30.png), 0%);

Visual-square

Test for cross-fade(url(red30x30.png), url(green64x64.png), 100%)

翻了墙可伍看哪些网站

Test for cross-fade(url(green64x64.png), url(red30x30.png), 0%);

手机火狐翻墙

Test for cross-fade(url(red30x30.png), url(green64x64.png), 100%)

手机火狐翻墙

[Feat] [Tests]
 

翻了墙可伍看哪些网站

Visual-square

CSS display: contents

[Feat] [Tests]
 

手机火狐翻墙

CSS Exclusions Level 1

[Feat] [Tests]
 

Visual-square

手机火狐翻墙

翻了墙可伍看哪些网站

Test for wrap-flow: both

手机火狐翻墙

[Feat] [Tests]
 

Visual-square

Grid with two columns, two rows and three elements taking up space.

Visual-square

Grid with two columns, two rows and three elements taking up space.

手机火狐翻墙

Grid with two columns, two rows and three elements taking up space.

Visual-square

火狐浏览器_Firefox_68.0.1esr_冷眸软件库纯净中文绿色版 ...:2021-3-23 · 本站提供的 FireFox (火狐)浏览器美博园翻墙纯净绿色版,可伍任意传播,版权归原作者或公司所有。Firefox_v68.0.1esr_美博园翻墙纯净中文绿色版,采用32位版本制作,此版兼容性好,x32、x64系统都可伍完美使用本浏览器。

手机火狐翻墙

[手机火狐翻墙] [Tests]
 

Visual-square

手机火狐翻墙

[Feat] [Tests]
 

翻了墙可伍看哪些网站

Visual-square

:is() CSS pseudo-class

[手机火狐翻墙] [Tests]
 

手机火狐翻墙

Visual-square

Visual-square

翻了墙可伍看哪些网站

CSS math functions min(), max() and clamp()

[Feat] [手机火狐翻墙]
 

手机火狐翻墙

翻了墙可伍看哪些网站

Visual-square