headタグ内のmeta情報を取得・書き換えを行う。Javascript・jQuery！ | ルディの脳内ブログ
「javascriptを使ってheadタグ内のmeta情報の書き換えはできないだろうか？」 こんな疑問がふと知人グループ内で持ち上がったのでちょっくら解決してみようと思いたち、 しばしパソコンに向かいました。 結果的に意外と簡単にmeta情報の取得と書き換えはできてしまったのですが、 正直、あまり使い道はなさそう。。 しかし、せっかく得た知識なので今後の為にアウトプット！ Javascriptでのmeta情報の取得 ちなみにHTMLの記述はこのようになっています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>headタグとmetaを取得</title> <meta name="description" content="headタグ内の情報を取得する。"> <meta name="keyword
タイトル・URL・選択テキストをコピーする Bookmarklet - white croquis
Twitter やブログなどで Web で見つけた記事を紹介したいときなど、WebページのタイトルとURLを簡単にコピーできると便利です。個人的に以前から使っていた方法ですが、Safari, Chrome, Firefox, IE など、ブラウザを問わず Bookmarklet を使ってこれを行う方法を少しまとめてみました。 今回は開いてるWebページから次の6パターンで文字列を取得する Bookmarklet を紹介します。 タイトル + URL タイトル + URL + 選択テキストを引用 選択テキストを引用 + タイトル + URL Markdown 記法のリンク はてな記法のリンク HTML 形式のリンク Firefox の "Make Link" Add-on は便利だけど… 現在、Mac と Windows を両方かつ複数バージョン使っていて、ブラウザも Safari, Fir
Javascriptスクレイピング！jquery.xdomainajax.js
これぞJavascriptスクレイピング！jquery.xdomainajax.js 主催している勉強会でも何度もPHPでのスクレイピングネタを取り上げていいます。 Javascriptでもスクレイピング出来ないものか PHPでのスクレイピングでもそうなのですがスクレイピングする際はHTMLのタグやIDなどのセレクタを利用して取得します。 でもこの考えがいかにもJavascriptっぽいので、だったらJavascriptでもいけるのではないかと調べていたら素敵なjQueryプラグインを発見しました。 クロスドメインの制約突破！jquery.xdomainajax.js Javascriptの場合ネックになるのがクロスドメイン間の突破です。クロスドメインとは、例えばこのサイトはwww.kaasan.infoというドメインですが、このサイトを閲覧しながら 違うドメインの他サイトにアクセスすると
DOCTYPEを記述すると特定のブラウザでJavaScriptが動きません。 - 以下のJavaScriptがDOCTYPEを記述する... - Yahoo!知恵袋
DOCTYPEを記述すると特定のブラウザでJavaScriptが動きません。 以下のJavaScriptがDOCTYPEを記述すると、IE以外で動かなくなってしまいます。 専門的な用語を交えた学生向けの解説ページを製作したいので、キーワードをポイントして簡単な解説が出ればと思っています。 各自様々なブラウザを利用しているようで、IE、FireFOX、Chrome、Operaには対応したいと考えています。 動く方法はあるでしょうか。 よろしくお願いします。 <span onMouseOver="PopUp(event.pageX,event.pageY,1)" onMouseOut="hidePop()"キーワード</span> から txt = new Array(); txt[1] = 'ヘルプ１'; txt[2] = 'ヘルプ２'; txt[3] = 'ヘルプ３'; function
doctype 宣言のありなしの違い : (*x).b=z->a+y/c
◆ strict モードか互換モードかが変わる ◆ デフォルトのマージンで画面外の部分は無視される ◆ css の px が省略可能 ちょっと試したい時には 書かないで作って あとから書いてある方に埋め込むと動かなかったりずれてたり そういうことがあるのでとりあえず全部に書いておいたほうがいいと思います これを1行目に書くだけです コピペしなくても特に困らない長さです 違いは？どういう違いがあるかですが 上の宣言文は HTML5 の書き方で sttrict モードになります 何もかかないのは 互換モードです 互換モードは名前の通り昔の記述方法でも動くようにしています こっちのほうが便利なところもありますが HTML5 は strict モードだけらしいですし strict モードをメインに考えていけばいいと思います 宣言なしだと HTML5 が使えないってわけではないんですけどね よく困る
ホームページ作成について <!DOCTYPE html>を入力するとjavascriptが動きません。…
ホームページ作成について <!DOCTYPE html>を入力するとjavascriptが動きません。 javascriptは外部ファイルにして<script type="text/javascript" src="ファイル名.js"></script>でhtml内に入力してあります。 <!DOCTYPE html>を抜くとちゃんと動きます。 どうすれば良いのでしょうか？
PageSpeed Insightsによるブログの表示速度測定と、高速化方法
Googleはウェブページの表示速度を、検索ランキングの指標にすると公言しています。表示速度が速いほど、読者にとっても便利ですし、検索上位に上がりやすくなります。 表示スピード測定ツールは色々あります。Googleが提供しているPageSpeed Insightsで測定して、対策をするのが一番効果的です。 PageSpeed Insightsの利用方法 表示速度を測定したいウェブページのURLを入力するだけです。分析ボタンをクリックすれば、30秒くらいで分析が完了します。 画像を最適化する スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する 圧縮を有効にする ブラウザのキャッシュを活用する 上記4点が指摘されているはずです。一つつづ対策方法をご紹介します。 画像を最適化する EWWW Image Optimizerプラグインをインスト
旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
Fの視点 : JavascriptからPHPを実行したい
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/0/lolipop.jp-s1130193/web/feye/wp-settings.php on line 520 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/0/lolipop.jp-s1130193/web/feye/wp-settings.php on line 535 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/0/lolipop.jp-s1130
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックマークレットを作るときのTips - Qiita