ユーザ用ツール

サイト用ツール


サイドバー

Top

検索タグ

変更履歴

メニュー


javascript:jsfiddle

JSFiddle - Code Playground

Web ページへの埋め込み

埋め込み URL の形式

<script async src="//jsfiddle.net/<user id>/<fiddle id>/<version number>/[iframe: embedded|script: embed]/[tabs: js,html,css,result,resources]/[Visual: light/|dark/]"></script>

<iframe> タグでの埋め込み

<iframe width="100%" height="360" src="//jsfiddle.net/tomoyan596/af54jpzy/embedded/js,html,css,result,resources/dark/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>

<script> タグでの埋め込み

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/js,html,css,result,resources/dark/"></script>

タブの順番および有効/無効の設定

URLjs,html,css,result,resources/dark/ を指定する。

Result | HTML | CSS | JavaScript | Resources (External resources) のタブ順

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/result,html,css,js,resources/dark/"></script>

JavaScriptt | HTML | Resul のみのタブ表示

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/js,html,result/dark/"></script>

参照: External resources - JSFiddle Docs
 Changing tabs order - Embedding fiddles - JSFiddle Docs|

アピアランスの設定

ライト アピアランス (URLlight/ は省略できる)

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/js,html,css,result,resources/light/"></script>

ダーク アピアランス (URLdark/ を付け加える)

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/js,html,css,result,resources/dark/"></script>

ベースとして設定 (Set as base)

fiddle を更新していくと version 管理されているが、そのバージョンをベースとして設定すると URL にバージョン(<version number>)を指定しない限りはデフォルトでベースを参照するようになる。

<script async src="//jsfiddle.net/<user id>/<fiddle id>/<version number>/[iframe: embedded|script: embed]/[tabs: js,html,css,result,resources]/[Visual: light/|dark/]"></script>

ベースバージョンを表示

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/embed/result,html,js,resources/"></script>

バージョン 35 を表示 (バージョン 35 をベースにしたい場合はバージョン 35 の URL にアクセスして [ベースとして設定] (Set as base) をクリックする)

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/35/embed/result,html,js,resources/"></script>

バージョン 10 を表示

<script async src="//jsfiddle.net/tomoyan596/af54jpzy/10/embed/result,html,js,resources/"></script>

参照: Setting fiddle as Base Version - Getting started - JSFiddle Docs

javascript/jsfiddle.txt · 最終更新: 2021/10/10 04:37 by ともやん