Skip to main content

[google-chrome] タグが付いた質問

Google Chrome(グーグルクローム)とはGoogle社が開発しているWebブラウザです。特徴としてはHTMLレンダリングエンジンにBlinkを使用している事やJavaScriptエンジンにGoogle V8 JavaScript Engineが使用されている事が挙げられます。

149 件の質問
絞り込み
並べ替え
タグ付けされた
13
3 回答
1万 閲覧数

マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには

動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか? 例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。 赤丸のようにアカウント名のリンクの所にマウスを持って行くと、...
tomorin's user avatar
  • 653
9
2 回答
4万 閲覧数

「ᙏ̤̫」という合成文字がうさぎの顔に見えるように表示したい

環境 OS: OSX El Capitan 10.11.6 Safari: 9.1.2 11601.7.7 Chrome: 55.0.2883.95 64-bit https://codepen.io/technuma/pen/BpBRjZ <h1>ᙏ̤̫ rabbit ᙏ̤̫</h1> 文字コード: UTF-8 表示したい文字: ᙏ̤̫ ...
technuma's user avatar
  • 631
6
1 回答
3,451 閲覧数

Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも早く実行したい

Chromeの拡張機能のJavaScriptを実行する場合、 サイト内のJavaScriptのほうが早く実行されるのですが 先に実行させる記述方法はありますか? 例えばこのようなサイトで、 <body> <div id="t">test</div> <script> var t = document.getElementById('t'); ...
Yui Sato's user avatar
5
1 回答
6,520 閲覧数

Chromeで日本語の禁則処理が効かない

Firefoxやsafariでは長音や短い"ッ"などの禁則処理が効いているのに、Chromeではきちんと処理されません。Word-break: break-strict;をbodyに適用しても改行されてしまいます。Chromeできちんと禁則処理を適用さすにはどのように(どこに?)記述すればよろしいでしょうか。 Chromeのバージョンは56.0.2924.87 (64-bit)、Windows ...
Tomoko Okayasu's user avatar
5
2 回答
4,296 閲覧数

Chromeでの文字列配列ソートがおかしい

Mac版Chrome(42.0.2311.135 64-bit)で、 自前の比較関数を用いて文字列配列のソートをすると変な結果になります。 以下から試せます。 var arr1 = ["hoge0", "piyo0", "fuga0", "fuga1", "fuga2", "fuga3", "fuga5", "fuga6", "fuga7", "fuga8"]; var arr2 = ...
tkrkt's user avatar
  • 187
5
2 回答
2,776 閲覧数

Android ブラウザで `<input type="password">` にフォーカスした時、数字入力モードとしたい

携帯対応のサイトを作成しています。 <input type="password"> にフォーカスしたときに Android の入力モードを数字キーボードに切り替える方法はありますか? ガラケー (istyle, format, mode) および iPhone (pattern="\d*") については数字入力に切り替えられるのですが、...
jinsochon's user avatar
4
2 回答
2,231 閲覧数

ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる

ウェブサイトを開発していますが、 表示されるHTMLの幅が、実際のブラウザのサイズよりも小さいサイズで表示されるため困っています。 Chrome と Safari でキャプチャをとりました。 Chrome では定規のサイズと実際のブラウザサイズが異なっています。 Safari ではウィンドウのサイズと body 要素の width が同じなので問題なしです。 以下のブラウザで、...
morimasa's user avatar
4
1 回答
3,219 閲覧数

Chromeの拡張機能開発でJavaScriptの「location.href」が正しく動作しない

プログラミング初心者です。 現在、Chromeの拡張機能開発を行っています。 Chromeの拡張機能をクリックするだけで、閲覧中のWEBサイトのURLを取得し、別タブでWEBサイトの表示速度が測定できる「Google PageSpeed Insights」に取得したURLが自動的に反映されるプログラムを制作しています。 完成イメージとしては、閲覧中のサイト(stackoverflow)...
nyan-kichi's user avatar
4
1 回答
1,709 閲覧数

テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?

今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。 このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
Yuki Inoue's user avatar
  • 1.7万
4
2 回答
2万 閲覧数

あるDOM要素に対してクリック等した時に実行されるjsを突き止める方法

たとえば「要素Xをクリックしたら何かしらの問題が発生する」といったバグの解析時に「クリックされた時にどのjsファイルの何行目あたりが実行されるか」が知りたいのですが、いい方法は無いでしょうか? 現状では、やむなく要素Xのidやclass値でgrepをかけてしらみ潰しに調べています。 ポイントは、各種ライブラリ内部のjsというより、現在調査中のブロジェクトのjsファイル・...
furuta_app's user avatar
4
5 回答
1,385 閲覧数

ブラウザで開いてるページの ajax 通信の内容を自動でローカルファイルに残したい

ウェブアプリの ajax 通信の内容を自動でローカルファイル等にダンプしたいです tcpdump で特定のドメインIPがソースのパケットをファイルにダンプすればできなくはなさそうですが HTTP ヘッダとかを分離しないといけないので大変です chrome の開発ツールで ネットワーク > XHR > Name が特定のエンドポイント の場合のレスポンスボディだけを ...
user avatar
4
2 回答
1万 閲覧数

unload などのイベントハンドラ内で location.href による画面遷移が出来ない

window.openした画面が閉じた場合に画面を遷移させようとしています。 JSファイルの中で以下のように実装するとFireFoxでは画面遷移可能だったのですが、Chromeで試すと画面遷移できませんでした。 ステップ実行でおってみると、下記の部分は実行されるのですが「location.href」の値が変わっていませんでした。 location.href = "遷移画面"; ...
kanko's user avatar
  • 927
4
2 回答
7,518 閲覧数

selectフォームのborder-radiusをChromeでも変更するには?

目的はBootstrapベースのCSSをカスタマイズして、 フォーム関連のborder-radiusを変更したい(1px)のですが、 Bootstrapは、sassの変数で、 $border-radius-base: 1px; $border-radius-large: 1px; $border-radius-small: 1px; で変更できました。 input:selectについては、...
kntmrkm's user avatar
  • 644
4
1 回答
983 閲覧数

console.logで改行を含んだ文字列にスタイルを付けると配置がおかしい

↑の開発者ツールのスクリーンショットのように、 console.logでは二番目以降の引数を使ってスタイルを当てられます。 が、改行を含む文字列にスタイルを当てようとすると変なことになります。 Chrome(65.0.3325.181, 64bit macOS)ではなぜか二行目に文字が移動し、 Firefox(59.0.2, 64bit macOS)では余計な空白が入ります。 ...
tkrkt's user avatar
  • 187
3
1 回答
2万 閲覧数

style属性を変更しているJavaScriptコードの場所を調べるには?

Chromeデベロッパーツールにおいて、JavaScriptからCSSを編集した場合にelement.styleに結果が表示されますが、JavaScriptの該当行を知るにはどうしたらよいのでしょうか。 添付画像のelement.styleが外部JavaScriptのどこから(何行目において)設定(記述)されているものなのか知りたく、ご教授いただけますと幸いです。 どうぞよろしくお願いいたします。...
Masaya SUGAWARA's user avatar
3
2 回答
262 閲覧数

var SM = (function{ ... }()) で宣言された変数に、メソッドが生成される仕組み・条件が知りたい

var SM = (function () { var my = {}; my.get = function (key) { return localStorage.getItem(key); } my.put = function (key, value) { return localStorage.setItem(key, value); } ...
tama's user avatar
  • 117
3
4 回答
4,210 閲覧数

ChromeでDNSを含めたすべてのキャッシュを無効化する方法は?

Google Chromeで特定のサイトに対してDNSキャッシュ、ページキャッシュなどすべてのキャッシュをクリア、あるいは無効化する方法はあるでしょうか? DNS設定を変更した後にキャッシュが残ってしまいDNS変更が反映されず困っています。 #OS側のDNSキャッシュはクリア済みです。
tsu1980's user avatar
  • 183
3
1 回答
502 閲覧数

Chromeアプリで読み込んだローカルファイルの変更をウォッチして再読み込みしたいです。

Chromeアプリを作っているのですが、 ローカルにある画像ファイル(.png)ファイルを読み込んで、プレビューする機能があります。 プレビューする部分は実装できたのですが、 .pngを別の画像加工ソフトで書き換えた時に 自動的に再読み込みしてプレビューする機能をさらに追加しようと考えています。 ※自動ではなく「リロード」ボタンをクリックして再読み込みする機能は実装できています。 そのため、...
Hiroshi Sato's user avatar
3
1 回答
3,425 閲覧数

HSTS Preload list からドメインを削除したい

3ヶ月ほど前に https://hstspreload.appspot.com/ から HSTS Preload list への追加をしたのですが、一部のサブドメインで Chrome からアクセスできなくなったためリストから削除したいのです。 (Chrome以外のブラウザでは問題ありません) 以下の警告が出る状態です。 [自分のサブドメイン].com では HSTS が使用されているため、...
kijtra's user avatar
  • 113
3
0 回答
558 閲覧数

fieldset タグに対する An invalid form control with name='xxx' is not focusable. エラー

Chrome で以下のフォームをサブミットすると、コンソール上に An invalid form control with name='foo' is not focusable. エラーが表示されました。 なぜ fieldset に対してこのエラーが出るのでしょうか? <form name="test"> <fieldset name="foo"> <...
wiro34's user avatar
  • 31
3
0 回答
717 閲覧数

Android Chrome 40でのCanvasの表示崩れ

Canvasの2D描画でfill()とstroke()が混在している場合、特定のAndroid端末のChromeで表示が崩れます。 具体的には、異なる2つの形状をそれぞれfillおよびstrokeで描画すると、最初に描画した形状が2つ描画されます。(つまり後に描画したものが間違って描画される。) コード: <head> <script> ...
kuu's user avatar
  • 151
2
2 回答
4,447 閲覧数

Chrome「シークレットモード」と「ゲストモード」における、Cookieとセッションの取り扱いについて

Chromeの「シークレットモード」と「ゲストモード」における、Cookieとセッションの挙動について調査しているのですが、下記の認識で合っていますか? シークレットモード Cookie使用可。但し、通常モードには反映されない ゲストモード Cookie使用不可 また、下記でゲストセッションという表記がありますが、どういう意味ですか? 【Google Chrome】シークレットモードより、...
re9's user avatar
  • 6,784
2
1 回答
5,122 閲覧数

Ajaxで401が返ってきても、コンソールにエラーが出力されないようにしたい

以下のような、ユーザがログインしているかどうかを判別するメソッドがあるとします。 class Api::SessionsController < Api::ApplicationController # GET /api/sessions/verify def verify if user_signed_in? head :ok else ...
Daijiro  Yamada's user avatar
2
1 回答
111 閲覧数

ファイルを更新するたびにChromeのCacheストレージに異なる名前のファイル名を格納するためにはどうすれば良いでしょうか?

いつもお世話になっております。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 CSSファイルについてバージョン管理をしているにも関わらず、ChromeのCacheストレージに同じ名前のファイルが格納されます。別々の名前で保存するためにはどうすれば良いでしょうか? 【質問の補足】 CSSファイル(global.css)...
echizenya_yota's user avatar
2
1 回答
1,963 閲覧数

Google ChromeでHTTPSのWebサイトで非SSLのWebSocketを使う

ChromeでHTTPSで暗号化されているサイトから非SSLのWebSocketサーバーにアクセスすることはできますか? Seleniumのexecute_scriptを使ってjsを埋め込み、埋め込まれたjs内でMutationObserverを使ってDomの変更を監視して、変更を検知したらlocalhostにあるWebSocketサーバに通知するということをしたいです。 ...
KiYugadgeter's user avatar
  • 4,358
2
1 回答
2,776 閲覧数

Chromeデベロッパー・ツールのjavascriptエラー(main.js)について

Google Chrome(Mac)でWebサイトの開発をしております。 テキストボックスやプルダウンなどに入力・変更したりすると、Chromeデベロッパー・ツールのコンソールに以下のように表示されております。 作成しているサイトではmain.jsといったようなファイルは使用しておらず、当該エラーがなぜでるか・解消できるか教えていただけますでしょうか? Uncaught TypeError: ...
HIDEKIT5095's user avatar
2
2 回答
2,152 閲覧数

「キャッシュ」と「閲覧履歴」の違い。「キャッシュ無効化」や「キャッシュ削除」はどうやって確認?

最終的にやりたいこと ・「Google Chrome」で「キャッシュ無効化」したい ・難しければ「キャッシュ削除」したい ※頻繁に使用するので1クリックで処理したい ※デベロッパーツールは表示確認の邪魔になるので使用したくない 知りたいこと ・「キャッシュ無効化」あるいは「キャッシュ削除」出来たことを確認するには、どうすれば良いでしょうか? 試したこと ・「起動オプション」や「拡張機能」...
re9's user avatar
  • 6,784
2
1 回答
1,945 閲覧数

ページ内のすべてのリンクについて、クリックを無効化したい

クリック無効化と言うと誤解釈を生むかも知れませんが、Websiteの形はそのままにマウスオーバー辞書など自由に使いたいと考えています。 リンクの展開を無効にするChromeアプリはないでしょうか。 クリックを無効化できる ダブルクリックでテキストを反転などはしたい ページの見た目はそのままで閲覧したい 既存のChromeの機能でできたりするものなのでしょうか?
KTAnjel's user avatar
  • 31
2
1 回答
457 閲覧数

Linux 版の Chrome を使って Twitter 上で漢字入力を行うと確定できなくなる

再現環境: Ubuntu 20.04 LTS 日本語入力 ibus +mozc (上記OSでdefaultのもの) Chrome 88.0.4324.182 Twitterのweb版でtweet入力しようとしたときに、例えば以下のような入力を行うとします。 総理大臣。 こんにちわ。 "そうりだいじん" を変換して "総理大臣" に下線がついている状態(...
peppaa's user avatar
  • 333
2
1 回答
1,386 閲覧数

chrome extensionを使ってscreenshareをしたい

chrome extensionのdesktopcaptureを使って,自分のパソコンの画面が他のパソコンの画面でも見えるような拡張機能を作りたいと思っています。 Chrome Extensionでスクリーンシェアをやってみる を参考資料に作ってみましたがローカル環境でも本番環境でも NavigatorUserMediaError {constraintName: "", message: "...
Tsunehiko Shimadu's user avatar
2
1 回答
7,525 閲覧数

セキュリティで保護されたWebページ にて保護されていないビデオのコンテンツが再生されない

こんにちは、初めての質問になります。 先日、同僚からセキュリティで保護された(https)ページにて保護されていない(http)ビデオのコンテンツが表示されない問題をみせられて、調査をしたら、Chromeでブラウザの動作に理解できないことがあってここで質問をしたいです。 ビデオのコンテントはObjectタグをしています。コードは書きのようになっています。 <object width="...
sitecoredou's user avatar
2
2 回答
6,846 閲覧数

ブラウザ上でテスト的な POST リクエストを実行したい

今開発中のウェブアプリにおいて、API ではない、ブラウザ上のページ遷移の一貫で(他サイトから) POST リクエストが送られてくるので、それを受け取って、かつ画面表示するようなページを作成しようとしています。この機能のために、 POST リクエストを再現したいと思っているのですが、ふとどうやるか分からないので質問です。 質問 ブラウザ(firefox か chrome)に、 POST ...
Yuki Inoue's user avatar
  • 1.7万
2
0 回答
49 閲覧数

ブラウザのリクエストを監視して特定のリソースを自動保存したい [重複]

よろしくお願いします。 ブラウザ(Firefox/Chromeなど)の拡張機能かproxyサーバで、 ブラウザが事前に正規表現などで指定したアドレスにアクセスすると そのリソースを自動的にファイルとして保存する方法を探しています。 条件: https://example.net/address/to/(image-\d+.jpg) 保存: /path/to/file/\1 と指定しておくと ...
felis's user avatar
  • 21
2
0 回答
981 閲覧数

Chromeで印刷したとき、Tableの行高さがおかしくなる

Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。 <table> <tr> <td>名前</td> <td>住所</td> <td>電話番号</td> </tr> </...
masashi's user avatar
  • 21
1
4 回答
271 閲覧数

Chromeに搭載されている要素を検証では何が出来る?

Chromeブラウザで右クリックすると一番下に「要素を検証」というメニューが表示されます。 すると画面下にhtmlと思われる言語が書かれた領域が出ます。 これは何に使うものですか?
user avatar
1
2 回答
1,045 閲覧数

CSSで日本語の文字のみ別のフォントにしたい

Chromeではデフォルトのフォントがメイリオになってるのですが、メイリオは日本語は斜体が存在しないためemタグで囲んでも斜体になりません。 日本語の時のみ別のフォントに変更したいと思うのですが、通常のCSSでは単純にどのフォントを優先するかしか指定できないようです。 ただ、もし英数などは存在せず日本語だけ存在するフォントがあれば、...
Lamron's user avatar
  • 485
1
2 回答
7,483 閲覧数

Lubuntuでchromeを既定のブラウザにしたい

LubuntuにChromeとFirefoxがインストールしてあります。 既定のブラウザをFirefoxからChromeに変更するにはどうしたらよいでしょうか? Thunderbird(メーラー)でメールに記述されているURLをクリックしたら、Chromeが起動するようにしたいです。 以下は、思い当たるところを調査した内容です。 # ブラウザの設定内容 Firefoxの設定を見ると、...
9walk's user avatar
  • 1,505
1
1 回答
352 閲覧数

chromeでモーダルを表示後、何も操作せずにescキーで閉じるとcancelイベントが発火しない

dialog要素ではESCキーを使ってダイアログを閉じた場合にはcancelイベントが発火すると思うのですが、 showModalメソッドで表示後、ダイアログをクリックしたりせずにそのままESCキーを押すと、 ダイアログは閉じられますが、cancelイベントが発火せずcloseイベントのみになります。 表示されたダイアログを一度クリックしてからESCキーを押すと、cancelイベントが発火し、 ...
2524user's user avatar
1
3 回答
726 閲覧数

ローカルで編集している js ファイルを表示しているWebページに適用できるか

今、フォームの入力を自動化したいと考えています。 たとえば、 document.getElementById('SOME_ID').value = 20; のような javascript を実行すれば、該当フォームへ値を入力できることはわかったのですが、 for 文や if 文などを使い構造化していったような、手元で記述したスクリプトを今表示している Web ページに適用することはできますか? ...
Yuki Inoue's user avatar
  • 1.7万
1
1 回答
2,721 閲覧数

Proxy環境下でのElectron開発について

Proxy環境下でVue.js + ElectronでVue.jsのサンプルを実行しようとしたのですが、Vue.jsをCNDで指定すると接続エラーが発生します。 Htmlファイルを直接開くと問題なく実行できるため、ElectronのChromiumにProxyを設定する必要があると思うのですが、Proxyの設定方法が分からず困っております。 Supported Chrome command ...
mesota's user avatar
  • 11
1
1 回答
926 閲覧数

ブラウザ拡張でサイト内で実装されたJavaScriptを上書きしたい

全体のやりたいこと サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。 質問したいこと サイト内でNotification API ...
te94d's user avatar
  • 17
1
1 回答
587 閲覧数

ChromeでHTMLファイルをPDF保存時のページサイズ指定が動作しない

Chrome上でHTMLファイルを開いて、PDFに保存するというのをやりたくて、 下記コードを書きましたが、コード中のappState内の"pageSize"をA3、A5、レターサイズと どんなに値を変えて指定しても、出力されたPDFファイルのページサイズがA4となってしまいます。 appState内の他のプロパティ"isLandscapeEnabled"や&...
DenDen's user avatar
  • 43
1
1 回答
771 閲覧数

<input type="file" accept="..."> の拡張子フィルタで、大文字小文字を区別する方法

htmlでファイルの投稿ボタンを以下のように作りました。 <form> <input type="file" accept=".jpg"> ... </form> windowsのgoogle-chromeでこのボタンを実行してファイル選択ダイアログを開くと、拡張子".jpg" と ".JPG" のファイルが表示されます。 この時、...
user28998's user avatar
  • 441
1
1 回答
2,960 閲覧数

chromeのデベロッパーツールのスマホモードで複数指のタッチをするには、どういうキーの操作をすれば良いですか?

chromeのデベロッパーツールで複数指のタッチをするには、どういうキーの操作をすれば良いですか?
aqua's user avatar
  • 1,049
1
2 回答
3,435 閲覧数

Selenium::WebDriver::Error::WebDriverError: Unable to find the chromedriver executable. というエラーが発生します

MacOS-X、SeleniumをRubyで書いてChromeを動かそうとしているのですが、うまくいきません。RubyとSeleniumのインストールまではうまくいったのですが、ChromeDriverのインストールでハマっています。 具体的には、irbで require "selenium-webdriver" driver = Selenium::WebDriver.for :Chrome ...
hiroaki's user avatar
  • 39
1
2 回答
531 閲覧数

Chrome Appsアプリを、Chromeの新しいタブに表示することは可能ですか?

Chrome Appsアプリとして作られていて高速に動作する「Pocket」を、Google Chromeの新しいタブに表示したいと思って色々と弄ってみたのですが、どうもローカルのURLのようなものが見つかりませんでした。 Chrome Appsでネイティブで動いてるアプリって、HTMLではないのですか? もしかしてHTML、CSS、JSを含めて全てバイナリに変換してあるということでしょうか? ...
taku_oka's user avatar
  • 111
1
1 回答
3,508 閲覧数

Python seleniumでPDFを好きなディレクトリに保存したい

Python selenium でダウンロードしてきたファイルを指定したディレクトリに保存したいです. ↓サイトを参考にしましたが“Downloads”フォルダに入ってしまいます. https://qiita.com/KWS_0901/items/33ae052e2e4694a6b4f1 ↓サイトの方法を試しましたが解決しませんでした. https://ja.stackoverflow.com/...
otori334's user avatar
1
1 回答
184 閲覧数

JavaScript ES2022 private static methods でChromeとSafariの挙動違い

以下のJavaScriptコードでSafariとChrome共に動作しますが結果が異なります。 なぜそうなるのか理由が知りたいです。 どうぞご教授ください。 <script> class Bar { 'use strict'; baz() { return new Promise((resolve) => { resolve(...
rik's user avatar
  • 13
1
1 回答
2,271 閲覧数

Android端末のChromeでjavascriptからURLスキームでアプリが起動できません

phpからjavascriptで、Androidアプリを起動するURLスキームを実行しているのですが アプリが起動してくれません。OPERA等のブラウザは問題なくアプリが起動してくれます。 Chromeの設定なのかjavascriptに問題があるのか原因が掴めず困っています。 OPERA等では起動するのでアプリ側に問題はないと考えています。 何か知っていることがございましたらご教授いただきたいです。...
pp pet's user avatar
  • 103
1
1 回答
1,880 閲覧数

WSL2にChromeをインストールしたのにWindows側が起動されてしまう

概要 WindowsでWSL2を有効化し、UbuntuにChromeをインストールして、bashのコマンドラインで起動すると、以前はUbuntu版のChromeが起動していたが、ある日急にWindows版が起動されるようになってしまった。Ubuntu版が起動するように戻したい。 詳細 Windows 10において、WSL2を有効化し、Ubuntu 20.04をインストールしました。 ...
Chihiro  Fukazawa's user avatar