タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
わたしはページ内検索を普通に使いたい
以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で
ページにhtml {scroll-behavior: smooth;}を加えるだけで、簡単にページ内のスクロールのすべてがスムーズになります。一昔前はJavaScriptやjQueryのプラグインで実装していますが、非常に簡単に実装できるようになりました。 「すべてがスムーズになる」弊害が1つあり、ページ内検索時にも適用されてしまいます。複数のキーワードがページ内にある場合は、時間がかかってしまいます。 このページ内検索時を除外して、ページ内にscroll-behavior: smooth;を適用するテクニックを紹介します。 仕様なのか、不具合・バグなのか、いずれにしろ簡単に対応できます。 Fixing Smooth Scrolling with Find-on-Page 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS-
長い文章から目的の単語を探す際は、ページ内検索を用いると素早く目的の単語を見つけることができます。Google ChromeやFirefoxに対応する拡張機能「isear」は、複数の単語の同時検索や、検索結果のハイライト表示、検索単語の位置を視覚的に表示などの機能を備えており、ページ内検索を効率的に行えるとのこと。実際にisearの使い勝手を確かめてみました。 トップページ | isear解説 https://isear.intelfike.net/ isear – ???? Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/isear/ isear - Chrome ウェブストア https://chrome.google.com/webstore/detail/isear/cihgmhbajkkbcie
DeepLのChrome拡張機能を使ってるとGitHubのページ内検索で表示崩れが起きる - Carpe Diem
背景 最近GitHubでページ内検索を使ってると、たまに次のような表示崩れが発生します。 スクロールしても前のコードがずっとそこに残っています。 このときのコンソールログとしては決まって次のエラーで、 content.js:1 Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index. at du (chrome-extension://cofdbpoegempjloogbagkncekinflcnj/build/content.js:1:214647) cofdbpoegempjloogbagkncekinflcnjでchrome拡張を検索すると DeepLのChrome拡張ということだったので拡張をOFFにしたところ、表示崩れが起きることがなくなりました。 ま
Webブラウザやテキストエディタのページ内検索は⌘＋F [iPhone][iPad][Mac] - T’s blog
Safariなどのブラウザで調べたい事柄があるとGoogleを使って検索します。ほとんどの場合は数え切れないくらいのサイトがヒットして候補として表示されます。その中で調べたい目的に近いものから表示して閲覧して行きます。しかし長い文章のページではなかなか目的の語句が見つけにくい事があります。そんな時に頼りになるのがキーボードショートカットの「⌘＋F」です。調べたい語句があったらページのどこでも良いので⌘＋Fを打つと検索窓が表れて入力すれば検索してヒットした語句は色付きで表示されます。検索作業がスピードアップします。また冒頭でブラウザと書きましたがメモAppやSimplenote、LINEなどでも同じ要領で検索出来ます。この機能はハードキーボードを繋いだiPadやiPhoneでも使うことが出来ます。またiPadやiPhoneのソフトキーボードでは共有シートのメニューから「ページを検索」を選んで
![ Webブラウザやテキストエディタのページ内検索は⌘＋F [iPhone][iPad][Mac] - T’s blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/c00b28b93ca2fe12a40ee8100c48dcb30abd1058/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc4e0e356a682371b274d5202aed1a27225771ebe%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ft%252Ftomi_kun%252F20201104%252F20201104174134.jpg)
皆さん、おはようございます。 以外と知らないシリーズです。 iPhoneのブラウザは何をお使いですか？ 僕は基本、Safariを使っています。MACではChromeです。 ま、Chromeで統一したいんですけど、やっぱりiPhoneのSafariは便利過ぎてSafariを使ってます。 検索エンジンはGoogleですけど。 さ、今回のページ内検索とは、キーワード検索して出てきたwebページを開いて検索をかけたキーワードの関連記事を見たい場合に使います。 例えば、Appleでiphone13の発表がありました！ iphone13の詳細を見にAppleへ。 iphone13proで注目を浴びているカメラ機能が向上したという。 僕が気になっているシネマティックモード。 かなりクオリティーの高い映像が流れていたので気になってました。 ①appleのページを開いたらアドレスバーに【シネマティック】と入
複雑化が進むIT業界。新卒や他業界からの転職組では、PCやソフトウェアの使い方、業界用語などで分からないことも少なくない。本連載では、デキるITビジネスパーソンなら誰もが知っている基礎知識をクイズ化。仕事を円滑化するヒントとして発信していく。 Q.ページ内検索を即座に開くショートカットは？ 関連記事 閉じたタブを一発で戻すには「Ctrl＋○＋○」 “デキる”ITビジネスパーソンなら誰もが知る知識を、クイズ形式で出題。今回は閉じたタブを一発で戻すショートカットキー。 画面を切り取ってスクショするには「Windows＋○＋○」 “デキる”ITビジネスパーソンなら誰もが知る知識を、クイズ形式で出題。今回は画面を切り取ってスクショできるショートカットキー。 開いているウィンドウを一発で切り替えるには「Alt+○」 デキるITビジネスパーソンなら誰もが知っている基礎知識をクイズ化。今回は開いているウ
Result よくあるページ内インクリメンタル検索です。 jQueryを使うコードしか書いてなかったのでVanillaのコードを改めて備忘録として。 let cards = document.querySelectorAll('.box') function liveSearch() { let search_query = document.getElementById("searchbox").value; //すべてのコンテンツが表示されている場合は innerText を使用。 //隠し要素を含む場合はtextContentを使用。 for (var i = 0; i < cards.length; i++) { if(cards[i].textContent.toLowerCase() .includes(search_query.toLowerCase())) { cards[
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
scroll-behavior: smooth;によるページ内検索時のスクロールを除外するテクニック
複数の単語を色分けしながらページ内検索できるブラウザ拡張機能「isear」を使ってみた
「Firefox 87」はSmartBlockを導入 ～プライバシー保護とWebサイト互換性を両立／ページ内検索にマッチする箇所をスクロールバーに表示する機能も導入
「Microsoft Edge 118」が正式版に ～ページ内検索をAIがお助け／深刻度「Critical」含む全15件の脆弱性にも対処
意外と知らないiPhone便利ワザ ”ページ内検索”編
ページ内検索を即座に開くショートカットは「Ctrl＋○」
VanillaなJavaScriptでページ内検索 - かちびと.net
trafficnews.jp
eiseiiinkai.com
kaori4.nm.bex.jp
support.withings.com
catfightwrestling.com
catfightwrestling.com