[google-chrome] タグが付いた質問
Google Chrome(グーグルクローム)とはGoogle社が開発しているWebブラウザです。特徴としてはHTMLレンダリングエンジンにBlinkを使用している事やJavaScriptエンジンにGoogle V8 JavaScript Engineが使用されている事が挙げられます。
149
件の質問
13
票
3
回答
1万
閲覧数
マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには
動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか?
例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。
赤丸のようにアカウント名のリンクの所にマウスを持って行くと、...
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
表示したい文字: ᙏ̤̫
...
6
票
1
回答
3,451
閲覧数
Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも早く実行したい
Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが早く実行されるのですが
先に実行させる記述方法はありますか?
例えばこのようなサイトで、
<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
...
5
票
1
回答
6,520
閲覧数
Chromeで日本語の禁則処理が効かない
Firefoxやsafariでは長音や短い"ッ"などの禁則処理が効いているのに、Chromeではきちんと処理されません。Word-break: break-strict;をbodyに適用しても改行されてしまいます。Chromeできちんと禁則処理を適用さすにはどのように(どこに?)記述すればよろしいでしょうか。
Chromeのバージョンは56.0.2924.87 (64-bit)、Windows ...
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 = ...
5
票
2
回答
2,776
閲覧数
Android ブラウザで `<input type="password">` にフォーカスした時、数字入力モードとしたい
携帯対応のサイトを作成しています。
<input type="password"> にフォーカスしたときに Android の入力モードを数字キーボードに切り替える方法はありますか?
ガラケー (istyle, format, mode) および iPhone (pattern="\d*") については数字入力に切り替えられるのですが、...
4
票
2
回答
2,231
閲覧数
ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる
ウェブサイトを開発していますが、
表示されるHTMLの幅が、実際のブラウザのサイズよりも小さいサイズで表示されるため困っています。
Chrome と Safari でキャプチャをとりました。
Chrome では定規のサイズと実際のブラウザサイズが異なっています。
Safari ではウィンドウのサイズと body 要素の width が同じなので問題なしです。
以下のブラウザで、...
4
票
1
回答
3,219
閲覧数
Chromeの拡張機能開発でJavaScriptの「location.href」が正しく動作しない
プログラミング初心者です。
現在、Chromeの拡張機能開発を行っています。
Chromeの拡張機能をクリックするだけで、閲覧中のWEBサイトのURLを取得し、別タブでWEBサイトの表示速度が測定できる「Google PageSpeed Insights」に取得したURLが自動的に反映されるプログラムを制作しています。
完成イメージとしては、閲覧中のサイト(stackoverflow)...
4
票
1
回答
1,709
閲覧数
テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?
今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。
このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
4
票
2
回答
2万
閲覧数
あるDOM要素に対してクリック等した時に実行されるjsを突き止める方法
たとえば「要素Xをクリックしたら何かしらの問題が発生する」といったバグの解析時に「クリックされた時にどのjsファイルの何行目あたりが実行されるか」が知りたいのですが、いい方法は無いでしょうか?
現状では、やむなく要素Xのidやclass値でgrepをかけてしらみ潰しに調べています。
ポイントは、各種ライブラリ内部のjsというより、現在調査中のブロジェクトのjsファイル・...
4
票
5
回答
1,385
閲覧数
ブラウザで開いてるページの ajax 通信の内容を自動でローカルファイルに残したい
ウェブアプリの ajax 通信の内容を自動でローカルファイル等にダンプしたいです
tcpdump で特定のドメインIPがソースのパケットをファイルにダンプすればできなくはなさそうですが
HTTP ヘッダとかを分離しないといけないので大変です
chrome の開発ツールで
ネットワーク > XHR > Name が特定のエンドポイント
の場合のレスポンスボディだけを
...
4
票
2
回答
1万
閲覧数
unload などのイベントハンドラ内で location.href による画面遷移が出来ない
window.openした画面が閉じた場合に画面を遷移させようとしています。
JSファイルの中で以下のように実装するとFireFoxでは画面遷移可能だったのですが、Chromeで試すと画面遷移できませんでした。
ステップ実行でおってみると、下記の部分は実行されるのですが「location.href」の値が変わっていませんでした。
location.href = "遷移画面";
...
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については、...
4
票
1
回答
983
閲覧数
console.logで改行を含んだ文字列にスタイルを付けると配置がおかしい
↑の開発者ツールのスクリーンショットのように、
console.logでは二番目以降の引数を使ってスタイルを当てられます。
が、改行を含む文字列にスタイルを当てようとすると変なことになります。
Chrome(65.0.3325.181, 64bit macOS)ではなぜか二行目に文字が移動し、
Firefox(59.0.2, 64bit macOS)では余計な空白が入ります。
...
3
票
1
回答
2万
閲覧数
style属性を変更しているJavaScriptコードの場所を調べるには?
Chromeデベロッパーツールにおいて、JavaScriptからCSSを編集した場合にelement.styleに結果が表示されますが、JavaScriptの該当行を知るにはどうしたらよいのでしょうか。
添付画像のelement.styleが外部JavaScriptのどこから(何行目において)設定(記述)されているものなのか知りたく、ご教授いただけますと幸いです。
どうぞよろしくお願いいたします。...
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);
}
...
3
票
4
回答
4,210
閲覧数
ChromeでDNSを含めたすべてのキャッシュを無効化する方法は?
Google Chromeで特定のサイトに対してDNSキャッシュ、ページキャッシュなどすべてのキャッシュをクリア、あるいは無効化する方法はあるでしょうか?
DNS設定を変更した後にキャッシュが残ってしまいDNS変更が反映されず困っています。
#OS側のDNSキャッシュはクリア済みです。
3
票
1
回答
502
閲覧数
Chromeアプリで読み込んだローカルファイルの変更をウォッチして再読み込みしたいです。
Chromeアプリを作っているのですが、
ローカルにある画像ファイル(.png)ファイルを読み込んで、プレビューする機能があります。
プレビューする部分は実装できたのですが、
.pngを別の画像加工ソフトで書き換えた時に
自動的に再読み込みしてプレビューする機能をさらに追加しようと考えています。
※自動ではなく「リロード」ボタンをクリックして再読み込みする機能は実装できています。
そのため、...
3
票
1
回答
3,425
閲覧数
HSTS Preload list からドメインを削除したい
3ヶ月ほど前に https://hstspreload.appspot.com/ から HSTS Preload list への追加をしたのですが、一部のサブドメインで Chrome からアクセスできなくなったためリストから削除したいのです。
(Chrome以外のブラウザでは問題ありません)
以下の警告が出る状態です。
[自分のサブドメイン].com では HSTS が使用されているため、...
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">
<...
3
票
0
回答
717
閲覧数
Android Chrome 40でのCanvasの表示崩れ
Canvasの2D描画でfill()とstroke()が混在している場合、特定のAndroid端末のChromeで表示が崩れます。
具体的には、異なる2つの形状をそれぞれfillおよびstrokeで描画すると、最初に描画した形状が2つ描画されます。(つまり後に描画したものが間違って描画される。)
コード:
<head>
<script>
...
2
票
2
回答
4,447
閲覧数
Chrome「シークレットモード」と「ゲストモード」における、Cookieとセッションの取り扱いについて
Chromeの「シークレットモード」と「ゲストモード」における、Cookieとセッションの挙動について調査しているのですが、下記の認識で合っていますか?
シークレットモード
Cookie使用可。但し、通常モードには反映されない
ゲストモード
Cookie使用不可
また、下記でゲストセッションという表記がありますが、どういう意味ですか?
【Google Chrome】シークレットモードより、...
2
票
1
回答
5,122
閲覧数
Ajaxで401が返ってきても、コンソールにエラーが出力されないようにしたい
以下のような、ユーザがログインしているかどうかを判別するメソッドがあるとします。
class Api::SessionsController < Api::ApplicationController
# GET /api/sessions/verify
def verify
if user_signed_in?
head :ok
else
...
2
票
1
回答
111
閲覧数
ファイルを更新するたびにChromeのCacheストレージに異なる名前のファイル名を格納するためにはどうすれば良いでしょうか?
いつもお世話になっております。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
CSSファイルについてバージョン管理をしているにも関わらず、ChromeのCacheストレージに同じ名前のファイルが格納されます。別々の名前で保存するためにはどうすれば良いでしょうか?
【質問の補足】
CSSファイル(global.css)...
2
票
1
回答
1,963
閲覧数
Google ChromeでHTTPSのWebサイトで非SSLのWebSocketを使う
ChromeでHTTPSで暗号化されているサイトから非SSLのWebSocketサーバーにアクセスすることはできますか?
Seleniumのexecute_scriptを使ってjsを埋め込み、埋め込まれたjs内でMutationObserverを使ってDomの変更を監視して、変更を検知したらlocalhostにあるWebSocketサーバに通知するということをしたいです。
...
2
票
1
回答
2,776
閲覧数
Chromeデベロッパー・ツールのjavascriptエラー(main.js)について
Google Chrome(Mac)でWebサイトの開発をしております。
テキストボックスやプルダウンなどに入力・変更したりすると、Chromeデベロッパー・ツールのコンソールに以下のように表示されております。
作成しているサイトではmain.jsといったようなファイルは使用しておらず、当該エラーがなぜでるか・解消できるか教えていただけますでしょうか?
Uncaught TypeError: ...
2
票
2
回答
2,152
閲覧数
「キャッシュ」と「閲覧履歴」の違い。「キャッシュ無効化」や「キャッシュ削除」はどうやって確認?
最終的にやりたいこと
・「Google Chrome」で「キャッシュ無効化」したい
・難しければ「キャッシュ削除」したい
※頻繁に使用するので1クリックで処理したい
※デベロッパーツールは表示確認の邪魔になるので使用したくない
知りたいこと
・「キャッシュ無効化」あるいは「キャッシュ削除」出来たことを確認するには、どうすれば良いでしょうか?
試したこと
・「起動オプション」や「拡張機能」...
2
票
1
回答
1,945
閲覧数
ページ内のすべてのリンクについて、クリックを無効化したい
クリック無効化と言うと誤解釈を生むかも知れませんが、Websiteの形はそのままにマウスオーバー辞書など自由に使いたいと考えています。
リンクの展開を無効にするChromeアプリはないでしょうか。
クリックを無効化できる
ダブルクリックでテキストを反転などはしたい
ページの見た目はそのままで閲覧したい
既存のChromeの機能でできたりするものなのでしょうか?
2
票
1
回答
457
閲覧数
Linux 版の Chrome を使って Twitter 上で漢字入力を行うと確定できなくなる
再現環境:
Ubuntu 20.04 LTS
日本語入力 ibus +mozc (上記OSでdefaultのもの)
Chrome 88.0.4324.182
Twitterのweb版でtweet入力しようとしたときに、例えば以下のような入力を行うとします。
総理大臣。
こんにちわ。
"そうりだいじん" を変換して "総理大臣" に下線がついている状態(...
2
票
1
回答
1,386
閲覧数
chrome extensionを使ってscreenshareをしたい
chrome extensionのdesktopcaptureを使って,自分のパソコンの画面が他のパソコンの画面でも見えるような拡張機能を作りたいと思っています。
Chrome Extensionでスクリーンシェアをやってみる を参考資料に作ってみましたがローカル環境でも本番環境でも
NavigatorUserMediaError {constraintName: "", message: "...
2
票
1
回答
7,525
閲覧数
セキュリティで保護されたWebページ にて保護されていないビデオのコンテンツが再生されない
こんにちは、初めての質問になります。
先日、同僚からセキュリティで保護された(https)ページにて保護されていない(http)ビデオのコンテンツが表示されない問題をみせられて、調査をしたら、Chromeでブラウザの動作に理解できないことがあってここで質問をしたいです。
ビデオのコンテントはObjectタグをしています。コードは書きのようになっています。
<object width="...
2
票
2
回答
6,846
閲覧数
ブラウザ上でテスト的な POST リクエストを実行したい
今開発中のウェブアプリにおいて、API ではない、ブラウザ上のページ遷移の一貫で(他サイトから) POST リクエストが送られてくるので、それを受け取って、かつ画面表示するようなページを作成しようとしています。この機能のために、 POST リクエストを再現したいと思っているのですが、ふとどうやるか分からないので質問です。
質問
ブラウザ(firefox か chrome)に、 POST ...
2
票
0
回答
49
閲覧数
ブラウザのリクエストを監視して特定のリソースを自動保存したい [重複]
よろしくお願いします。
ブラウザ(Firefox/Chromeなど)の拡張機能かproxyサーバで、
ブラウザが事前に正規表現などで指定したアドレスにアクセスすると
そのリソースを自動的にファイルとして保存する方法を探しています。
条件: https://example.net/address/to/(image-\d+.jpg)
保存: /path/to/file/\1
と指定しておくと
...
2
票
0
回答
981
閲覧数
Chromeで印刷したとき、Tableの行高さがおかしくなる
Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。
<table>
<tr>
<td>名前</td>
<td>住所</td>
<td>電話番号</td>
</tr>
</...
1
票
4
回答
271
閲覧数
Chromeに搭載されている要素を検証では何が出来る?
Chromeブラウザで右クリックすると一番下に「要素を検証」というメニューが表示されます。
すると画面下にhtmlと思われる言語が書かれた領域が出ます。
これは何に使うものですか?
1
票
2
回答
1,045
閲覧数
CSSで日本語の文字のみ別のフォントにしたい
Chromeではデフォルトのフォントがメイリオになってるのですが、メイリオは日本語は斜体が存在しないためemタグで囲んでも斜体になりません。
日本語の時のみ別のフォントに変更したいと思うのですが、通常のCSSでは単純にどのフォントを優先するかしか指定できないようです。
ただ、もし英数などは存在せず日本語だけ存在するフォントがあれば、...
1
票
2
回答
7,483
閲覧数
Lubuntuでchromeを既定のブラウザにしたい
LubuntuにChromeとFirefoxがインストールしてあります。
既定のブラウザをFirefoxからChromeに変更するにはどうしたらよいでしょうか?
Thunderbird(メーラー)でメールに記述されているURLをクリックしたら、Chromeが起動するようにしたいです。
以下は、思い当たるところを調査した内容です。
# ブラウザの設定内容
Firefoxの設定を見ると、...
1
票
1
回答
352
閲覧数
chromeでモーダルを表示後、何も操作せずにescキーで閉じるとcancelイベントが発火しない
dialog要素ではESCキーを使ってダイアログを閉じた場合にはcancelイベントが発火すると思うのですが、
showModalメソッドで表示後、ダイアログをクリックしたりせずにそのままESCキーを押すと、
ダイアログは閉じられますが、cancelイベントが発火せずcloseイベントのみになります。
表示されたダイアログを一度クリックしてからESCキーを押すと、cancelイベントが発火し、
...
1
票
3
回答
726
閲覧数
ローカルで編集している js ファイルを表示しているWebページに適用できるか
今、フォームの入力を自動化したいと考えています。
たとえば、
document.getElementById('SOME_ID').value = 20;
のような javascript を実行すれば、該当フォームへ値を入力できることはわかったのですが、
for 文や if 文などを使い構造化していったような、手元で記述したスクリプトを今表示している Web ページに適用することはできますか?
...
1
票
1
回答
2,721
閲覧数
Proxy環境下でのElectron開発について
Proxy環境下でVue.js + ElectronでVue.jsのサンプルを実行しようとしたのですが、Vue.jsをCNDで指定すると接続エラーが発生します。
Htmlファイルを直接開くと問題なく実行できるため、ElectronのChromiumにProxyを設定する必要があると思うのですが、Proxyの設定方法が分からず困っております。
Supported Chrome command ...
1
票
1
回答
926
閲覧数
ブラウザ拡張でサイト内で実装されたJavaScriptを上書きしたい
全体のやりたいこと
サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。
質問したいこと
サイト内でNotification API ...
1
票
1
回答
587
閲覧数
ChromeでHTMLファイルをPDF保存時のページサイズ指定が動作しない
Chrome上でHTMLファイルを開いて、PDFに保存するというのをやりたくて、
下記コードを書きましたが、コード中のappState内の"pageSize"をA3、A5、レターサイズと
どんなに値を変えて指定しても、出力されたPDFファイルのページサイズがA4となってしまいます。
appState内の他のプロパティ"isLandscapeEnabled"や&...
1
票
1
回答
771
閲覧数
<input type="file" accept="..."> の拡張子フィルタで、大文字小文字を区別する方法
htmlでファイルの投稿ボタンを以下のように作りました。
<form>
<input type="file" accept=".jpg">
...
</form>
windowsのgoogle-chromeでこのボタンを実行してファイル選択ダイアログを開くと、拡張子".jpg" と ".JPG" のファイルが表示されます。
この時、...
1
票
1
回答
2,960
閲覧数
chromeのデベロッパーツールのスマホモードで複数指のタッチをするには、どういうキーの操作をすれば良いですか?
chromeのデベロッパーツールで複数指のタッチをするには、どういうキーの操作をすれば良いですか?
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
...
1
票
2
回答
531
閲覧数
Chrome Appsアプリを、Chromeの新しいタブに表示することは可能ですか?
Chrome Appsアプリとして作られていて高速に動作する「Pocket」を、Google Chromeの新しいタブに表示したいと思って色々と弄ってみたのですが、どうもローカルのURLのようなものが見つかりませんでした。
Chrome Appsでネイティブで動いてるアプリって、HTMLではないのですか?
もしかしてHTML、CSS、JSを含めて全てバイナリに変換してあるということでしょうか?
...
1
票
1
回答
3,508
閲覧数
Python seleniumでPDFを好きなディレクトリに保存したい
Python selenium でダウンロードしてきたファイルを指定したディレクトリに保存したいです.
↓サイトを参考にしましたが“Downloads”フォルダに入ってしまいます.
https://qiita.com/KWS_0901/items/33ae052e2e4694a6b4f1
↓サイトの方法を試しましたが解決しませんでした.
https://ja.stackoverflow.com/...
1
票
1
回答
184
閲覧数
JavaScript ES2022 private static methods でChromeとSafariの挙動違い
以下のJavaScriptコードでSafariとChrome共に動作しますが結果が異なります。
なぜそうなるのか理由が知りたいです。
どうぞご教授ください。
<script>
class Bar {
'use strict';
baz() {
return new Promise((resolve) => {
resolve(...
1
票
1
回答
2,271
閲覧数
Android端末のChromeでjavascriptからURLスキームでアプリが起動できません
phpからjavascriptで、Androidアプリを起動するURLスキームを実行しているのですが
アプリが起動してくれません。OPERA等のブラウザは問題なくアプリが起動してくれます。
Chromeの設定なのかjavascriptに問題があるのか原因が掴めず困っています。
OPERA等では起動するのでアプリ側に問題はないと考えています。
何か知っていることがございましたらご教授いただきたいです。...
1
票
1
回答
1,880
閲覧数
WSL2にChromeをインストールしたのにWindows側が起動されてしまう
概要
WindowsでWSL2を有効化し、UbuntuにChromeをインストールして、bashのコマンドラインで起動すると、以前はUbuntu版のChromeが起動していたが、ある日急にWindows版が起動されるようになってしまった。Ubuntu版が起動するように戻したい。
詳細
Windows 10において、WSL2を有効化し、Ubuntu 20.04をインストールしました。
...