Webページ中の特定の文字列をURLで指定する(Text Fragments)
Web Webページ中の特定の文字列をURLで指定する(Text Fragments)※当サイトにはプロモーションが含まれています。 1. URLにおける通常のフラグメント一般に「URL」は Webページの住所を表しますが、末尾にフラグメント (fragment, # に続けて指定する文字列) を追加することにより、Webページ上の特定の位置を含めた表現が可能です。 例えば、アクセスしたいWebページのHTML内に、以下のタグが記述されているとします。 <a href="foo">Bar</a> この場合、ブラウザのアドレスバーに「末尾に #foo を追加したURL」を指定してアクセスすると、ブラウザは上記のタグの位置がちょうど画面の上端にくる位置まで自動でスクロールしてくれます。 フラグメントの詳細については、URL Standard を参照してください。 2. Text Fragmen
ググり力、それはエンジニアには必須の能力である - Qiita
ググり力、それはエンジニアにとっては 必須の能力 になりつつあると思います。 さて、皆さんは自分のググり力で欲しい情報にちゃんとたどり着けると言えますか？ @Yametaro さんからのお題です。 ある日、コードレビュー中ワイ ワイ「さぁ、今日も同僚のコードをレビューしていくでぇ」 ワイ「まずは新卒のT君のコードを読んでいこか」 ワイ「どれどれ…」 ワイ「ん？なんやこの??っていう書き方は…？」 ワイ「ググってみよか…」 ワイ「JavaScript ??と入力して、検索ボタンをポチッとな」 ワイ「…あれ？それらしい検索結果が出てこんな…」 ワイ「ぐぬぬ、記号関係はググりづらいこともあるんやな…」 ワイ「これじゃあ今日はもう、酒飲んで寝るしかないやないか…」 〜飲酒、そして就寝へ…〜 では JavaScript で ?? の検索方法はどうしたらいいのか？ ここに１つの解答を示しておきます！
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で
主要ブラウザのファンクションキー割り当て | ホームページ制作のサカエン Developer's Blog
ふむふむ、だいたい似たような感じのようですね。 検索ボックスはF3というよりは Ctrl + F を利用してました。 F12:開発ツールは一般の方にはあまり馴染みがないかもしれませんね。我々のような開発者のためのツールで、不具合の原因特定を効率的におこなうためのものです。 特に驚いたのが、IE11,Edge,FirefoxでのF7キーの存在です。 この機能、皆さんご存知でしたか？筆者は知りませんでした。 カーソルブラウズとキャレットブラウズモードは、名前こそ違うもの同じ機能のことです。IE8の時代はキャレットブラウズモードと呼んでいたようですね。 ・IE11カーソルブラウズ ・MS Edgeカーソルブラウズ ・Firefoxキャレットブラウズモード 皆さんWeb上のテキストを選択する時、マウスで必要な箇所をドラッグしますよね。カーソルブラウズを有効にすれば、マウス操作なくキーボードだけでテ
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選2021.03.05 19:30125,895 David Nield - Gizmodo US ［原文］ （ そうこ ） Chromeスキルが上がったぞ！ ウェブブラウザ何使っていますか？ 私がメイン使いしているのはGoogle Chromeです。長いことずっーっとChromeです。それでも、まだまだ知らないことはたくさんあります。Googleも常に新機能アップデートしてますからね。あまり知られていないChromeの便利機能をまとめました！ 1：ゲストモードへ切り替え｢ちょっとパソコン貸して？｣と言われた時に便利なのがこれ。自分が普段使いしているブックマークはもちろん、開きっぱなしのタブや、ログイン状態のページをもし見られたらと思うとハラハラします。別に何もやましいことないけど、なんかソワソワします。そういう時はゲスト
人間の目で見抜けないURL偽装がフィッシング詐欺に悪用される可能性、Firefoxでの対策はコレ
通信の安全を保証するプロトコル「HTTPS」が採用されているURLの表記が正しければ、それが正規サイトだと認識するのは自然なことですが、ブラウザのURL表記上からは見抜けないフィッシング詐欺の危険性が指摘されています。このフィッシング詐欺は「homograph attack(ホモグラフ攻撃)」を進化させた手法を用いており、ブラウザに内在する脆弱性を突いたもので、人間が画面表示から詐欺サイトであることを見抜くことは不可能。現実問題として「ブラウザ側の対応を待つしか対策法はない」と言える状況です。 This Phishing Attack is Almost Impossible to Detect On Chrome, Firefox and Opera http://thehackernews.com/2017/04/unicode-Punycode-phishing-attack.htm
暮らしに役立つITコラム ChromeやSafariの自動入力機能が、なぜ「悪いデザイン」なのか
autofill_ui.md 見た目の上で、隠されているフィールドに対しても自動入力してしまうという問題が話題になっている(2017年1月) https://github.com/anttiviljami/browser-autofill-phishing のだけれど、この問題の歴史はとても古い。自分も調査したり問題を報告したりしているので、振り返ってみる。 2012年の話 2012年4月のShibuya.XSS #1 https://atnd.org/events/25689 で、Hamachiya2が発表した http://hamachiya.com/junk/x-autocompletetype.php この問題に関連して「手の込んだクリックジャッキング」を使って情報を盗み出すデモを作った。 https://plus.google.com/112675818324417081103/
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
jQueryで指定されたイベントの定義場所を取得する方法
jQueryで指定されたイベントの定義場所を取得する方法 セミナー時にHTML上のイベントが指定されている要素から、実際にイベントを指定したコードが書かれているJavaScriptファイルや場所を知りたいと質問を受けました。 調べたところ良さそうな方法があったのでシェアしておきます。 ちょっと動画に取ってみたので、動画でご確認ください。 なにをやっているかというと、まず、デベロッパーツールを開き、検証したい要素を選択します。 次に右クリックして「Add attribute」から適当なidを指定します。今回は「js_debug」というidを指定しています。 次にデベロッパーツールの右上のアイコンからコンソールを開き以下のコードを入力しEnterを押します。 $._data($("#js_debug").get(0), "events"); Object->click->0の順番に開いていき、
各種ブラウザーで Java (applet) を無効にする方法
こちら（米国）では、見つかった Java のセキュリティホール（＋それを利用した実際のアタック）が大問題になり、米国政府が「ただちに Java を無効にするように」と声明を出し（参照）、全国ニュースでも大きく取り上げられている。 実質的な危険があるのは Java applet なのだが、Java と Java applet の違いの分からない報道機関は、大々的に「Java が危険」と報道しており、Sun Microsystems を買収して Java を入手した Oracle にとっては大きなブランドイメージの損失だ。Oracle は火曜日には５６カ所のセキュリティホールを塞いだパッチを提供するそうだが、そんなパッチでは、今回作られてしまった「Java は危ない」というイメージは拭えない。 どのみち、Java applet にはほとんど価値がないので、これを機会に無効にする人も多いようだ（
FirefoxやJanetterでGIFアニメを強制的に停止する
こんにちは、さち です。 人間は動いているものに視線がいってしまう性質があります。 そのため、頻繁に動くGIFアニメがあるとそちらに気を取られてしまい 文章が読みづらくなってしまうこともしばしば…。 そこで今回は、 Firefox, Internet Explorer, Google Chrome といったウェブブラウザや ツイッタークライアントである Janetter で GIFアニメを止める方法についてまとめていこうと思います。 ブラウザのGIFアニメを一時的に止める 普段はGIFアニメが動いていても構わない 気になった時にだけ止めたいという人向けの方法。 この方法は Firefox, Internet Explorer で有効です。 手順は、GIFアニメがあるページで「Esc」キーを押すだけ！ とっても簡単ですね。 ページを再読み込みすると再びGIFアニメが動きます。 【追記】 Fi
Chromeのスタートページで自分のはてブをインクリメンタル検索する拡張（ただしPerlで書いた） - Csideのダイアリー
せっかくブクマしても、なかなか後で自分のブクマを見返したりってしないじゃないですか。そういう習慣をなんとか直したかったので、Chromeのスタートページを自分のはてなブックマーク一覧のページに上書きしてしまう拡張を書きました。機能としては開いた瞬間、自分の最近のブックマーク一覧を出す検索もできる（これははてブ有料ユーザーのみ）という感じです。*1https://github.com/Cside/StartFromHatebu.crx/How to Use git clone git://github.com/Cside/StartFromHatebu.crx.git # chrome://extensions/ を開く # => デベロッパーモード # => 「パッケージ化されていない拡張を読み込みます」でStartFromHatebu.crx/を選択 cd StartFromHatebu
Webのリファレンスを簡単に参照する方法 - new.perldoc.jp/fooとかphp.net/fooとか - （ひ）メモ
追記 new.がとれて、http://perldoc.jp/ でアクセスできるようになったんで、s@http://new.perldoc.jp@http://perldoc.jp@g と目sedしてお読みくださーい。 をより便利に、アドレスバーに長いURL打ち込まなくてもいいようにする方法の紹介です。 具体的には、これを読めばあなたも今日から pd perlrerefと打ち込めば http://new.perldoc.jp/perlreref が表示される pd openと打ち込めば http://new.perldoc.jp/open が表示される ようになります。ね、簡単でしょう？ PHPも http://php.net/if や http://php.net/=== や http://php.net/split といったのが用意されているので、今回紹介する方法がそのまま使えますね。あ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - miyagawa/Tabelog-HonestStars: Make Tabelog Stars more honest
Chromeを使うなら是非とも知っておきたい、便利な小技20個まとめ : 二十歳街道まっしぐら