17
票
「ᙏ̤̫」という合成文字がうさぎの顔に見えるように表示したい
あなたがタイトル中に含められている文字(本文中のリンクは補助的な情報に止めるようにして、リンク先を見なくても質問が意味を成すようにしてください)は次の3つのUnicodeコード値からなる合成文字です。
U+164F CANADIAN SYLLABICS CARRIER SO
U+0324 COMBINING DIAERESIS BELOW
U+032B COMBINING ...
- 1.9万
13
票
Chromeで日本語の禁則処理が効かない
Chrome58以降、lang="ja" 属性と line-break: strict を付けることで、長音や拗音の前での行分割を抑制することができるようです。
現在CSSで禁則処理などを規定しているのは CSS Text Module Level 3 という文章なので、これを調べてみました。なお2017年12月現在も Working Draft なので最終稿ではありません。
長音(ー U+...
- 1.5万
11
票
Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも早く実行したい
拡張機能にContent scriptを追加して、ページのロード開始の時点に実行される("run_at": "document_start")ように設定できます。
manifest.json
{
"manifest_version": 2,
"name": "My extension",
"version": "1.0.0",
"content_scripts": [
{...
- 1,388
11
票
Accepted
style属性を変更しているJavaScriptコードの場所を調べるには?
開発者ツールのブレークポイント機能を使う
変更が行われる要素が事前に特定できるなら、開発者ツールでその要素を右クリックして、Break on... > attribute modifications としてブレークポイントを貼ることができます。
HTMLが変わらなければ、リロードしてもブレークポイントは残ります。
MutationObserver を使う
MutationObserver ...
- 1.5万
9
票
Accepted
Chromeでの文字列配列ソートがおかしい
比較関数には
1つ目の引数が2つ目の引数よりも小さい場合は、負の値を返す。
2つの引数が等しい場合は0を返す。
1つ目の引数が2つ目の引数よりも大きい場合は、正の値を返す。
必要があります。
なので、示された比較関数は正確にはこの条件を満たしていません。
例えば、以下のようにする必要があります。
var compare = function(a,b){ return (a > b) - (...
- 6,897
8
票
Accepted
Android ブラウザで `<input type="password">` にフォーカスした時、数字入力モードとしたい
以下のように type 属性でテンキーが出るようにし style の -webkit-text-security: disc でマスキングするようにできるようです。
<input type="number" style="-webkit-text-security: disc;">
手元にAndroid端末がないため、Android上での確認はできておりません。
...
- 729
7
票
マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには
デバッガの機能でJavaScriptの実行を停止させます。
FirefoxでもChromeでもF8がポーズに割り当てられているようですね。
(Firefoxだとポーズ中はマウスでの要素の選択なども出来なくなってしまうのが困った所です)
- 1.1万
6
票
Accepted
Chromeの拡張機能開発でJavaScriptの「location.href」が正しく動作しない
Chromeの拡張機能で現在開いているページを取得するためにlocation.hrefを使用することはできません。
理由は少し難しいですが、「拡張機能のJavaScriptコードが動いているページ」と「ブラウザが現在開いているページ」が異なるためです(location.hrefで取得されるのは後者ではなく前者)。
実はお使いのchrome.browserAction.onClicked....
- 2,863
5
票
Accepted
ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる
画像を見てみると右上の三本線アイコンの幅が上25px・下22pxと異なります。
これは数値で表示されている400pxとルーラーから読み取れる値の365pxの比率とほぼ同じであるので、上のブラウザの表示倍率がやや上がっており、横幅の数値には反映されていないのだと思います。
- 1.4万
5
票
Accepted
Ajaxで401が返ってきても、コンソールにエラーが出力されないようにしたい
Google Chrome での次のような挙動について仰っているのだと思いますが・・・
これはブラウザから投げられる全てのリクエスト(<img> タグ等も含む)について Chrome 内部でやっていることで、現状これを Javascript 側から制御することはできません。過去にバグ報告もあったようですが、結局は開発者ツールの設定でそのようなエラーを隠す機能が実装されただけでした。
...
- 1.5万
5
票
Accepted
テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?
libfaketime
oriri さんのコメントで出ている libfaketime を Linux で試したところ、概ね動いているようなので、これが簡単でよいのではないでしょうか。ファイルのタイムスタンプなどもずれると思うので、メインのブラウザでは動かさない方がよいかも知れません。
# 最新バージョンにはコマンドが付属しています
# google-chrome などは問題なく動いているようです
...
- 1.1万
5
票
Accepted
CSSで日本語の文字のみ別のフォントにしたい
全く英数字を含まないフォントの需要が無いのか、見当たりませんでした。たぶん、既存のフォントを自分でカスタマイズする以外は存在しないと思います。
では、CSSでやりたいことはできないかというとできましたので、下記にサンプルを置いておきます。
@font-face {
font-family: "MS PGothic JP";
src: local("MS PGothic");
...
- 5,156
4
票
Accepted
ChromeでDNSを含めたすべてのキャッシュを無効化する方法は?
Windowsであれば「F12」、Macであれば「Cmd + Alt + i」を押すことで表示されるデベロッパーツール上で、右上にある歯車アイコンを押した後に表示される設定画面内にある、「Disable cache (while DevTools is open)」にチェックを入れると、デベロッパーツールが表示されている限りはキャッシュが無効化されます。
...
- 156
4
票
var SM = (function{ ... }()) で宣言された変数に、メソッドが生成される仕組み・条件が知りたい
もう答えを突き止めたようですが、一言加えますと、この書き方はIIFE (Immediately Invoked Function Expression)、もしくは即時関数といい、JavaScriptでよく用いられます。
Java、C言語、C++などと違い、JavaScriptの変数のスコープはブロック({})ではなく、回りの関数で区切っています。
だから、...
- 367
4
票
Chromeでの文字列配列ソートがおかしい
比較関数の戻り値については既出の通りです。
しかし、オブジェクトのソートを行う場合で、各種ブラウザ間でソート結果を同じにしたい場合は、0を返さないようにする必要があります。Chromeのソートは(配列の要素数によっては)安定ソートになりません。
要するに、比較関数が return 0 した場合、ブラウザによっては並び替えたり、並び替えなかったりするということです。
...
- 1,405
4
票
Accepted
Chrome「シークレットモード」と「ゲストモード」における、Cookieとセッションの取り扱いについて
ここで言う「セッション」とは、概ねブラウザを起動してから終了するまでの期間を指しています。
セッションCookieの説明に
クライアントが終了したときに Cookie が削除されます。
とあるかと思いますが、ここで言う「クライアント終了」=「セッション終了」です。
次に、ブラウザが保持する情報として、セッションが終了すると消えてなくなる情報と、そうでなく永続化され次のセッション(...
- 1.1万
3
票
ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる
私もpgrho氏の言う通りかと思います。
検証のため画像を貼るために回答として投稿します。
初めに、ルーラーを上下反転させてみました。
本来であれば、10ピクセル単位で均等になるはずなのでメモリが上下一致するはずです。
ご覧のとおりルーラーを反転させても一致していません。
一致していないということは、等倍表示ではないことになります。
次に、ルーラー100~200、...
- 390
3
票
Accepted
var SM = (function{ ... }()) で宣言された変数に、メソッドが生成される仕組み・条件が知りたい
本当にすいません、これ自己解決しました・・・。
単純に関数内で return my しているからなんですね。
その箇所を見逃していました。
お騒がせして申し訳ありません。
- 117
3
票
Accepted
Chromeデベロッパー・ツールのjavascriptエラー(main.js)について
Chrome のデベロッパーツールの上部に "Network" というタブがありますので
それをクリックして情報を確認してみてください
左上のマル印が赤くなっている状態で作成しているサイトをリロードすると
サイトを表示する時に読み込まれているファイルが一覧で出力されます
その中に問題の 「main.js」 は見つかりませんか?
...
- 46
3
票
Android ブラウザで `<input type="password">` にフォーカスした時、数字入力モードとしたい
4年以上前の質問ですが、いまだとinputmode属性がこの用途には使用できそうです。HTML5.1あたりから追加され、現在のHTML Standardに定義されています。
一方でtype="number"は数文字列ではなく数値用なのでこのような用途にはあまり向かないかとおもわれます。(現実的には無効化していて問題ないかもしれませんが)たとえば「0123」を入力して上下ボタンを操作してしまうと「...
- 4,651
3
票
Lubuntuでchromeを既定のブラウザにしたい
現在ですと https://archlinuxjp.kusakata.com/wiki/Xdg-open あたりを参考に、
xdg-mime default google-chrome.desktop x-scheme-handler/http
xdg-mime default google-chrome.desktop x-scheme-handler/https
xdg-mime ...
- 1.1万
3
票
Proxy環境下でのElectron開発について
2点あります。
electron の wapper
以下の様な wrapper を書いておけばコードを弄る必要はないです。
electron . --proxy-server=proxy-server:port
認証を必要としない proxy-server を用意する
もし golang をビルド出来る環境があれば以下をビルドして実行しておくと良いです。
package main
...
- 4,456
3
票
Accepted
unload などのイベントハンドラ内で location.href による画面遷移が出来ない
下記の Chrome のバグは現在修正されています(https://bugs.chromium.org/p/chromium/issues/detail?id=660496#c29)。
問題が再現されなくなったのを確認しました(Google Chrome 56.0.2924.76)。
2017/01/30
本題
Chrome のバグだと思います。
それらしきバグ報告がありました(https://...
- 1.1万
3
票
Accepted
Google ChromeでHTTPSのWebサイトで非SSLのWebSocketを使う
ChromeでHTTPSで暗号化されているサイトから非SSLのWebSocketサーバーにアクセスすることはできますか?
できません。
httpsのページからhttpのコンテンツを参照できないのと同じで、
混合コンテンツの防止ポリシーにひっかかります。
やはり--allow-localhost-insecureを有効にした状態で自己証明書を使うのが一番手っ取り早いのでしょうか?
...
- 308
3
票
org.openqaをインポートして使うことができない
Java向けの名前空間をPythonで使おうとしているということですか?
何を参考にして何をやろうとされていますか?
追記します。
org.openqa はJavaバインディングでの名前空間です。
あなたが参考にしているのはJava向けの記述です。Pythonバインディングでは使えません。
Python向けの記述を参考にしてください。
Pythonバインディングでは selenium ...
- 308
3
票
Accepted
あるDOM要素に対してクリック等した時に実行されるjsを突き止める方法
Google Chromeの「Event Listener Breakpoints」機能を使用して、クリック等の操作を起点とした処理のトレースを取る事ができます。
Google Chromeの開発者ツールを開く(F12)
Sourceタブを開く
Event Listener Breakpoints ペインを開き、Mouse → click をチェックする。
この状態で要素をクリックすると、...
- 303
3
票
Accepted
ファイルを更新するたびにChromeのCacheストレージに異なる名前のファイル名を格納するためにはどうすれば良いでしょうか?
手元で試してみたところ、確かに/css/global.cssがキャッシュに2つ格納された状態になりました。しかし、よく調べてみると、片方は実は/css/global.css?v=1であることが分かります。
この画像のようにキャッシュされているファイルをクリックで選択し、下にある「Headers」をクリックするとそのキャッシュの情報を見ることができます。画像にあるように一番上にRequest ...
- 2,863
3
票
Accepted
Internet Explorer/Microsoft EdgeからHTMLを編集する方法
F12を押下して開発者ツールを開くことが出来ますか?
IE11なら開くことが出来るはずですが、
稀に開けない場合があるので、その場合はレジストリの値を下記のように変更します。
(古いバージョンのIEの場合は別でインストールする必要があったような気がします。)
(ほか、グループポリシーで制限されている場合もあります。)
(また、開発者ツールはIE8以上で利用できるツールになります。)
...
- 1,698
3
票
Accepted
input[type=“file”]でディレクトリ選択した際、Chrome警告表示させない方法はありますか?
Chrome のソースコードを確認してみました。file_select_helper.cc
<input type=file webkitdirectory>をクリックしてファイル選択ダイアログからディレクトリを選択した場合、回避方法は存在しないと思われます。
<input type=file webkitdirectory>...
- 7,195
2
票
Chrome Appsアプリを、Chromeの新しいタブに表示することは可能ですか?
基本的には、オフラインで単独起動する Chrome アプリを、ブラウザモードで起動することはできません。別物です。オフラインアプリ(パッケージアプリといいます)は、ブラウザ独自の機能へのアクセスができない前提になっているからです。保存されるデータも、使える権限も異なっています。
Chrome 拡張の本体とデータは、以下の 'User Data' ディレクトリの下に置かれています。
...
- 6,309
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
google-chrome × 143javascript × 43
selenium × 19
html × 13
chrome-extension × 13
python × 12
android × 11
firefox × 11
google-chrome-devtools × 8
css × 7
html5 × 6
http × 6
safari × 5
python3 × 4
windows × 4
ubuntu × 4
selenium-webdriver × 4
cookie × 4
google-chrome-apps × 4
ruby-on-rails × 3
linux × 3
macos × 3
node.js × 3
google-apps-script × 3
windows-10 × 3