Chromeでjavascript のデバッグ

投稿日: 作成者:
  1. 右クリックメニューで「要素の検証」
  2. 「Sources」タブの左上の三角アイコンをクリックして、ソースを選択
  3. 行番号をクリックしてブレークポイント設定
  4. 画面を操作してjavascriptを動かすと、ブレークして
  5. 右側のパネルでステップ実行や変数の確認ができます

 

関連記事:

  1. Chromeの「要素の検証」で、CSSの値を調整する時に便利なテクニック Chromeの「要素の検証」で、CSSの値を微調整する時に便利なテックニックです。 要素の検証でCSSの値を変更する時に、もうちょっと右、もうちょっと右とか、もう少し大きく、もう少し大きく、、、などと値を少しずつ増やした … 続きを読む →...
  2. Ghromeの「要素の検証」のElementsの内容をコピー chromeの「要素の検証」のElementsに表示された内容全体をエディタとかにコピーペーストする方法を探していたんですが、単純に｢Ctrl｣＋［C］で選択要素の下層の内容がコピーされました。 ｢Ctrl｣＋［A］とか … 続きを読む →...

Wordで文字の装飾をクリアする

投稿日: 作成者:

文字を範囲選択後、［Ctrl］＋［スペース］でクリアされます。

WEBページからWordへコピペした際に、不要なリンクや文字色・背景色まで貼り付けられますが、そんな時に装飾をクリアするのに便利です。

 

 

 

関連記事:

  1. Ghromeの「要素の検証」のElementsの内容をコピー chromeの「要素の検証」のElementsに表示された内容全体をエディタとかにコピーペーストする方法を探していたんですが、単純に｢Ctrl｣＋［C］で選択要素の下層の内容がコピーされました。 ｢Ctrl｣＋［A］とか … 続きを読む →...
  2. ダイアログやウィンドウが画面外に行ってしまっている時の見つける方法・動かす方法 いつのまにか、ダイアログとか、ウィンドウが画面外に行ってしまっている時があります。 タスクバーとかで、フォーカスはたしかにそのウィンドウにある。でも、画面上にない。 どこにあるんだ？ っていう時は、キーボードの［Alt］ … 続きを読む →...
  3. Wordの表の列幅変更で、表の幅を変えたり、右側の列幅を狭くしたり Wordで列幅変更する時に、通常のドラッグでは表の幅は変わらず、ドラッグした線の位置だけ変わります。 でも、列幅を広げた分、表の幅を広くしたり、他の列を狭くしたい時があると思います。 そんな時は、、、 ［Shift］キー … 続きを読む →...
  4. エクセルシートを別々のウィンドウで開く エクセルの１つの大枠の中に、複数ブックを読み込んで、［Ctrl］＋［Tab］で切り変えたり、表示メニューから並べて表示したりできますが、それではちょっと使いづらい時もあります。 そんな時はプログラムメニューなど（デスクト … 続きを読む →...
  5. SkyDriveの感想 SkyDriveで、エクセルシートを触ってみた感想です。少しGoogleスプレッドとの比較も記載しています。 画面がエクセルに似ていてとっつきやすそう 結構、各機能・画面の意味が分かりやすい。親切。 共通でHTML埋め込 … 続きを読む →...

CSSでサブメニュー

投稿日: 作成者:

ＷＥＢページでサブメニューを作りたいとき、ＣＳＳでサブメニューを実現する方法がシンプルで修正もしやすそうです。

「CSS　サブメニュー」での検索結果

ただ、マウスを載せないと情報が見られない、情報がある事に気づけない、という状態は、意図や理由が無いならお奨めしません。（好みもあるので否定もしませんが。）

 

 

 

関連していそうな記事はまだありません。

HTMLの構文チェック

投稿日: 作成者:

HTMLをエディタで直接書く場合、必ずといっていいほど凡ミスがあります。
HTML構文チェックは必須ですね。

・最低限のHTML構文チェックなら

W3C（ダブリュースリーシー）

http://validator.w3.org/

・細かく見てくれて、「本当はこんな風にする決まりなんだぁ」と勉強にもなります。日本語で説明してくれるのでわかりやすい。お客様によりますが、無理に100点を目指さなくても、わかった上でのエラーならOKとしてもいいかもしれません。

Another HTML-lint gateway

http://cetus.sakura.ne.jp/htmllint/htmllint.html

関連記事:

  1. さくらレンタルサーバー＋他社管理ドメイン＋さくらDNSサーバーにSPFレコード さくらレンタルサーバーで、他社管理ドメインで普通にレンタルサーバーの設定を行うとゾーンレコードが編集不可の状態で、DNSサーバーが設置されます。 この状態ではSPFレコードが設定できずかなり不便です。不便というか、当たり … 続きを読む →...
  2. PHPでの値比較や値評価の留意点 phpの利点でもあり、注意が必要な所でもある値比較の曖昧さや、値のtrue/falseの評価。 基本的な部分ですがメモしておきます。 値 評価結果 TRUE TRUE FALSE FALSE 1 TRUE...
  3. CSS3で吹き出しの生成ツール 吹き出しつけたいけど、サイズが可変なんで背景画像とかイメージ画像を利用するとか面倒だなーという時に、CSS3の対応が必須になりますが、結構便利です。 http://cssarrowplease.com/ 以上です。 &n … 続きを読む →...
  4. phpMyAdminで、SQLのSELECTした内容をCSVなどでファイル出力する方法 MySQL実行したSQLをそのままCSVやtab区切りで出力したい場合がありますよね。 phpMyAdmin(コマンドラインでも同じですが)で実行するSQLのFROMの前に下記のようにINTO OUTFILE　～　を追加 … 続きを読む →...
  5. faviconの背景透明化 ブラウザタブの一番左に表示されるファビコンの背景色を白ではなく透明にしたいという時の手順をメモします。 1.フォトショップに、ファビコンを保存できるプラグインをダウンロードします。 下記サイトの赤線枠から必要なファイルを … 続きを読む →...