Webエディタ「CodePen」が、完全無料のクロスブラウザチェックに神対応したので使ってみた! (2/7ページ)

アプギガ


codepen-cross- browser-check_04


今回は、簡単なWebサイトを作ってみました…。そして、上部メニューにある「Save」ボタンをクリックします。
codepen-cross- browser-check_05


すると、メニュー表示が少し変化したのが分かります。
codepen-cross- browser-check_06
これで、自分のアカウントにコードが登録されて、クロスブラウザチェックを使う準備が整ったことになります。


クロスブラウザチェックを使ってみる!
それでは、先ほど作ったWebサイトで「クロスブラウザチェック機能」を使ってみましょう。

まず、上部メニューに表示されている「Editor」から、「Open on CrossBrowserTesting」を選択します!
codepen-cross- browser-check_07


すると、専用のテストページへアクセスすることが出来ます。
「Webエディタ「CodePen」が、完全無料のクロスブラウザチェックに神対応したので使ってみた!」のページです。デイリーニュースオンラインは、サイト制作面白Webサービス無料スマートフォンネットなどの最新ニュースを毎日配信しています。
ページの先頭へ戻る