書き足していく ポップアップを開くとWaiting for Service Worker と出てる npm run devで開発サーバーを起動していることを確認する。 一度再起動してエラーが出ているかログを確認する 「ビューを検証 Service Worker」の後ろに(無効)とついてたらサービスワーカーが止まっている。再度読み込みして(無効)が消えるのを確認する 前に作った拡張機能と間違えてないか確認する。ピン留めしたまま放置していると間違えてクリックしてしまう。自分が動かしたい拡張機能と間違えてないか確認する。 バックグラウンドが動いてない crxjsを使ってもmanifest.jsonを書き換えた直後だったり、拡張機能を再度読み込みした後はサービスワーカーが止まってしまう。拡張機能一覧で「Service Worker (無効)」となってたらサービスワーカーが止まってしまっている。再度
今回は、chromeなどのブラウザの上部にあるタブを動かせなくなる原因に、意外な機器が関係していたというお話です。 ブラウザのタブが動かせなくなる意外な原因とは 対処法 ブラウザのタブが動かせなくなる意外な原因とは 私は、これまでchromeなどのブラウザの上部にあるタブが動かせなくなるなんて、経験したことはありませんでした。 タブが動かせなくなると、マウスでタブをクリック&ドラッグしてタブの順序を入れ替えができなくなり、個人的にとても不便。 chromeでタブを動かせなくなると、Edgeなどのほかのブウラザでも同じような症状が発生するので、この不具合はブラウザ依存でもない感じ。 その症状が発生すると、次のような症状も連動するかのように起きます。 youtubeやのサムネイルの下のタイトルにマウスポインターを乗せると、タイトルが表示されるがそれが表示されない。 .mp4の動画が正常に再生さ
Webブラウザが示す現在地の位置情報を変更したい 現在地の位置情報を必要とするネットサービスを利用していると、実際の現在地とWebブラウザ上での現在地がずれていることがよくあります。特にPCでは珍しくありません。さらには現在地の取得に失敗することすらあります。 PCの場合、この現象はいつまで経っても直らないことが多く、できることならWebブラウザの設定変更で解決したくなります。 その他にもWebブラウザの現在地を変えたくなることはあります。例えばGoogle検索は、現在地によって検索結果を最適化するので、SEO(検索エンジン最適化)では現在地を変えつつ検索結果を確認したくなることがあります。MEO(Map Engine Optimization:マップ検索エンジン最適化)も同様です。 しかし、Webブラウザを実行しているデバイス(端末)を物理的に移動させながら調査していたら、手間も旅費も掛
この記事では、「Google Chrome」ブラウザのブックマークバーの右端に、突然表示されるようになった「すべてのブックマーク」を非表示にする方法を紹介します。 実装された当初は試験運用機能(chrome://flags/#power-bookmarks-side-panel)から消せましたが、現在は「その他のブックマーク」からブックマークを移動させることで自動的に消せます。 以下の手順で消せます。 ブックマークマネージャー(chrome://bookmarks/)にアクセスする「その他のブックマーク」フォルダーを開く中にあるブックマークを消すか、別のフォルダーに移動させる自動的に「すべてのブックマーク」が非表示になる僕の環境だと、2023年8月に公開された「116.0.5845.97」にアップデートしてから、ブックマークバーの右端に「すべてのブックマーク」という項目が表示されるようにな
Windowsでの日本語入力は、大抵の方がMicrosoft IME(MS-IME)を使用していると思いますが、Edgeやchromeといったchromeベースのブラウザで文字入力をする際、ちょっとしたバグが存在します。 それはenterで確定しても下線(点線)が残るというバグ。 Yahooの検索ボックスでの文字入力や、WordPressでの執筆中、ときたまそんなバグに遭遇します。 こんな感じの下線ですね。 enterで確定しているのにもかかわらず下線が残るので、紛らわしいったりゃありゃしません。 上の画像はWordPressの執筆津画面ですが、chromeベースのブラウザであれば検索ボックスなどの文字入力中にもちょくちょく発生します。 入力する文字によってはバグが発生しないのですが、これが発生したときはブチギレ寸前です。 私は幾度となくこのバグに悩まされ、リアルに抜け毛がどっと増えました
Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?
Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッダを上書き 途中で指定したフォルダの中身は何? 上書きをやめるには? 感想 GitHub から example.com を fetch してみる 試しに、 CSP で外部への通信がそれなりに制限されている GitHub から、 example.com への fetch を成功させてみる (外部サイトへの通信は、認証情報や秘密の情報の漏洩などに気をつ
Speed Dial 2 のここが便利! Google Chromeの新規タブページは個人的によく使いますが、ちょっと使い勝手が悪いところがあります。 それは、サムネイルで「よくアクセスするページ」を出してくれるのは嬉しいのですが、自由に触れないことです。 例えば、左上は「ニュース」とか、右側には「自分のブログ」とか、もっと表示数を増やしたいとか。 通常のクローム上の新規タブ画面です。 でも、今の段階ではここの表示は並び替えも、変更も自由に出来ません(後々にGoogle Chromeがバージョンアップされて改善されるかもしれません)。そこで拡張機能の「Speed Dial 2」の出番です。 インストールページ この拡張機能は新規ページに自分のお気に入りを追加し、使い勝手をものすごく向上してくれます。 スピードダイアル2の便利な点はこちらの4点です。 お気に入りを画像付きで登録 元々はGoo
Google Chromeでは少し前のバージョンからautomatic tab discardingという機能が有効化されており、一定時間非アクティブ状態のタブのメモリが自動で解放されるようになっています。 しばらくアクセスしていなかったタブを再度表示した際に自動でリロードが走って画面が更新される時ありませんか?あれです。 システムメモリが逼迫気味になっている時などをよしなに検知して発動するようなので基本的には便利な仕様なのですが、常時アクセスしているWebアプリなどメモリの解放を無効にしたい場合がありますよね。 具体的には自分の場合だとGoogle Colaboratoryでブラウザの接続を維持しておきたい時にメモリの解放を抑制したいケースがありました。 こういう時にどうすればいいのか調べて試してみました。良い感じのやり方を紹介します。 やり方 一番簡単な方法はブラウザのURLバーにch
1. Downlaod chrome theme 2. Open chrome://extensions/ page 3. Enable Developer mode 4. Drag and drop the downloaded theme into Extensions page 5. See more detail. Online Google Chrome Theme Creator How to remove Chrome themes? At the top right of chrome, click and then Settings. Under "Appearance," click Reset to default. You'll see the classic Google Chrome theme again. What is the recommended si
Theme Creatorにアクセスして、 http://www.themebeta.com/chrome-theme-creator-online.html ------------------------------------ [Basic] [Images] [Colors] [Pack] ------------------------------------ [Colors] にて ”Status Bar” の四角ボタンをクリックして色を指定 ”Tab Text”の四角ボタンをクリックして色を指定 [Pack] にて ”Pack and Install” をクリックします。 ------------------------------------------ 「ThemeBeta.com」を追加しますか? [テーマを追加] [キャンセル] -------------------
Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて危ないっていう件について誤解されていそうな点をまとめてみたいと思います。 ソフトウェア開発者の Elliott Kember 氏が自身の Blog に「Chrome's insane password security strategy」 というタイトルで指摘する記事を書き、日本ではギズモード・ジャパンで翻訳記事が上がったことで話題になった、「Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて、マスターパスワードの設定もないから危ない」 っていう件。 Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ : ギズモード・ジャパン Chromeブラウザの「パスワード丸見え」問題にGoogleが釈明 : ITmedia ニュース
農業 教育 エネルギー、公共事業 金融サービス 政府機関 ヘルスケア、ライフ サイエンス 工業用品、製造 メディア、エンターテイメント 非営利団体 プロフェッショナル サービス、ビジネス サービス 小売、卸売 ソフトウェア、インターネット その他 アフガニスタン アルバニア アルジェリア 米領サモア アンドラ アンゴラ アングイラ 南極大陸 アンティグア バーブーダ アルゼンチン アルメニア アルバ アセンション島 オーストラリア オーストリア アゼルバイジャン バハマ バーレーン バングラデシュ バルバドス ベラルーシ ベルギー ベリーズ ベナン バミューダ ブータン ボリビア ボスニア ヘルツェゴビナ ボツワナ ブーベ島 ブラジル 英領インド洋地域 英領バージン諸島 ブルネイ ブルガリア ブルキナファソ ブルンジ カンボジア カメルーン カナダ カーボヴェルデ ケイマン諸島 中央アフリ
使用しているChromeのバージョンに合わせて選択 chrome://settings/help Ver116.0.xxxx だったので、赤枠で囲ったStableをクリック 色々あって分かりづらいですが、 Windows版が必要なので、chromedriver_win32.zip をダウンロードします。 どういう訳かファイルに対してリンクが貼られていませんので、赤枠で囲ったURLをコピーしてブラウザのアドレスバーに貼り付けるか、図のようにURLに移動してダウンロードします。 zipを展開すると chromedriver.exe があると思います。 このファイルを、Selenium Basicをインストールしたフォルダにコピー&上書きします。 どこにインストールされているかわからなくなったら、エクスプローラのアドレスバーに以下のテキストをコピー&ペーストすればフォルダを開くことができます。
昨今のフロントエンドのツールを使っていると開発中はpingを送るためネットワークログが埋まるし流れる。開発中にはほぼ意味のないログなので除外したい。 DevToolsのFilterを使う。-hogeなどのようにハイフンをつけることで特定の文字つを含んだものを除外できる。また-domain:example.comのように指定のプロパティで特定ドメインだけを除外できる。これはよくあるチャットサポートのツールなどを使っているときに使える。 なおハイフンなしのdomain:example.comにすれば除外ではなく絞り込みになる。 参考: https://developers.google.com/web/tools/chrome-devtools/network/reference#filter next.jsの場合は-on-demand-entries-pingとしておけば快適になった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く