VisualStudioCodeでDebugger for Chromeを使う(JavaScriptのデバッグ)

Visual Studio Code使ってますか?今回は、拡張機能でセットアップできるDebugger for Chromeを使って、HTML内のJavaScriptをデバックする手順を紹介します。 続きを読む VisualStudioCodeでDebugger for Chromeを使う(JavaScriptのデバッグ)

Visual Studio Codeで拡張機能を使わずにJavaScriptをデバッグする

Visual Studio Code使ってますか? 今回は、機能拡張を使わずに簡単に.jsファイルのデバック方法を紹介したいと思います。 続きを読む Visual Studio Codeで拡張機能を使わずにJavaScriptをデバッグする

HEADタグ内にスクリプトを使ってMETAタグを挿入してみる

getElementByTagNameと、createElementメソッドを使うと、HEADタグ内にもJavaScriptを使って、タグを挿入できます。

具体的には、こんな感じのスクリプトになります。

<script>
  var doc = document;
  var head = doc.getElementsByTagName("head")[0];
  var meta = doc.createElement("meta");
  meta.setAttribute("name","google-site-verification");
  meta.setAttribute("content","h0gehoeh0ge_h0gehogeh0ge-hogeh0geh0ge");
  head.appendChild(meta);
<script>

ヘッドタグに、Google認証用のメタタグを挿入できればHEADタグ内を編集することができないブログでも認証できるかと思いましたが、実際にはGoogle認証を行う事はできませんでした。そんなに甘くは無いみたいです。

Javascript viewportを変更する

Javscriptネタです。

最近は、iPhone/Androidのブラウザで表示する画面を作る時に、Viewportの設定は必須になってきています。
iPhoneとかで画面がかなり大きく表示されるので、とても便利なんですがuser-scalable(ユーザ操作によるページの拡大や縮小)とかはページによっては変更したい時もあります。

続きを読む Javascript viewportを変更する