[safari] タグが付いた質問
31
件の質問
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
表示したい文字: ᙏ̤̫
...
9
票
3
回答
1万
閲覧数
iOS8でposition:fixedなheaderに付けたinputにフォーカスを当てると一番上までスクロールしてしまう
スマートフォンサイトを制作していて発生した問題です。
headerタグにposition:fixed;を指定しスクロール時に画面上部に常に固定配置されるヘッダーを作成しました。
そのヘッダーにinputを利用して検索ボックスを設置したのですがiOS8のsafariで検索ボックスにフォーカスをあてると、...
7
票
1
回答
8,617
閲覧数
iOS Safari のメニューバーを常に表示させたい
スマートフォン向け Web サイト制作に関する質問です。
画面の下に固定のナビゲーションを配置しようと思っているのですが、 iOS の Safari で画面下部をタップすると戻るボタン等のメニューバーが現れる動きをします。
これでは 1 回目の操作ではメニューバーが出るだけで、もう一度タップしないとナビゲーションを操作する事ができません。 viewport の minimal-ui ...
3
票
1
回答
6,098
閲覧数
iPad Safari / onload時にwindows.openができない。
function test(){
window.open("/xxxxx/TEST.PDF","_blank","");
}
:
< body onload='test();'>
:
iPad Safariを使用し、上記のスクリプトを実行するとPDFのPOPUP画面が開きません。
(body onloadによるwindow.openが動いてくれない。)
PC版Safariでは、...
3
票
1
回答
552
閲覧数
iPhone 6 Plus で `box-shadow` が transition 中に レンダリングしない
translate で 移動させている際に box-shadow の描画が消えてしまい
transition が終了されると再描画されるという現象に悩んでます。。
box-shadow 自体がレンダリングされないというバグの報告は幾つかあるのですが、
transition 中にだけ消えるので困っています
誰かご助力お願いします。
iOS は 8.0.2 です。
3
票
1
回答
370
閲覧数
iPhone Safariの下部連打でスクロールする現象の対策
iPhone Safari全般において、画面下部あたりを連打していると
ちょっとずつ下にスクロールしていってしまいます。
ゲームのUIを作っていて、下部にボタンがあるため連打で下に動いて困っています。
この挙動を制御する方法があればアドバイスお願いします!
3
票
0
回答
1,576
閲覧数
mobileのsafariでページを表示した段階でfocusをあてたい(入力可能な状態にしたい)
mobileのsafariにて、画面を表示した段階でfocusをあてて入力可能な状態にしたいのですが
focusが上手く動作しません。
(focusがあたってはいるのかもしれませんが、キーボードが表示されない状態です)
iOSのsafariの場合、clickなどのイベントにbindしたらfocusが効くようになるとの記事等は見つけたのですが、...
2
票
1
回答
7,897
閲覧数
JavaScriptがiPhoneでのみ正常に動作しない
GitHub Pagesで以下のサイトを制作しました。
https://imaimai17468.github.io/Products/CreditsCounterforKNCT/
正常な動作の場合、「特別学修」タブを開くと、一般の特別学修と専門系の特別学修のタブがあり、それを開くとその一覧表が表示されます。また、特別学修タブの下には教科一覧の表があります。
しかしスマホで見ると、...
2
票
2
回答
1,923
閲覧数
Safariでmp3ファイルの一時停止再生がうまくできない
html5のaudioを使って、ブラウザ上で音声ファイルを再生するプログラムを作成しております。
複数ファイルを連続して再生する必要があるため、ファイルを結合し、ブラウザで読み込ませていますが、safariで一時停止からの再生が正常に動作しない事象が発生しました。
mp3ファイルの結合は、単純結合(下記linuxコマンド)にて作成しております。
$ cat a.mp3 b.mp3 > c....
2
票
0
回答
1,312
閲覧数
iOS11のtextareaでキャレットがズレるのをCSSだけで修正したい
iOS11のWebkitブラウザにおいて、モーダルウィンドウ内に配置した
textareaのタップ時にキャレットの位置がずれる問題を修正したいと思っています。
下記1の対策は画面構成の事情で見送り、2の対策はエラー発生前から実装済みのため、
CSSで何とか解決できないかと模索しています。
親要素の position: fixed を position: absolute に変更すると直る説
...
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
回答
205
閲覧数
safari で contenteditable 内の要素が削除されてしまう
teratailにも同様の質問 をしましたが回答が得られなかったためこちらに質問させていただきます。
どなたかわかる方、教えていただけると嬉しいです。
現象の説明
safariのみで起こる現象です。
contenteditable要素の中で以下の条件が揃うと自動でタグが外されてしまいます。
ユーザが改行するなどして新しく生成された要素
position:relative;が指定されている
...
1
票
0
回答
365
閲覧数
Webブラウザのタスクマネージャに表示されるメモリ使用量が想定した数倍のサイズになる
UnityのWebGLビルドでアプリケーションを開発しているのですが、Webアプリケーションのヒープサイズや画像ファイル等の合計サイズと比べてブラウザのタスクマネージャに表示されるメモリ使用量が大きく数倍程の開きが出てしまいます。
例えば添付する画像の例ですがアプリケーションで利用しているメモリ使用量は100MB未満ですが、タスクマネージャーで見ると340MB程(...
1
票
0
回答
2,907
閲覧数
iPhoneでのバウンススクロールを無効にするには
Ruby on Railsの練習でTwitterのようなサイトを作っているのですが、バウンズスクロールを無効にする方法がどうしてもわかりません。
MacOS(Chrome等)ではバウンズスクロールを無効化出来たのですが、iPhoneでのバウンズスクロールがどうしても出来ません。
html, body {
overflow: hidden;
}
で個別の要素にheight: 100%; ...
1
票
0
回答
3,583
閲覧数
SafariにおけるJavaScriptエラー二つ
お世話になってります。SafariにてJavaScriptで発生しているエラーについてご質問させてください。
1. [Error] SyntaxError: Unexpected token '}'. Expected a ':' following the property name 'myJson'.
(anonymous 関数)
と言う表示が発生します。
...
0
票
1
回答
620
閲覧数
アプリを起動する際にSafariを起動させる訳は何ででしょうか?
iPhoneで新規のゲームを起動する際に、Safariが起動されてそこからアプリが起動する場合がありますが、あれは何の為でしょうか?
0
票
1
回答
737
閲覧数
TableのRowspanのカラムがSafariとFirefox上で見ると潰れて見えてしまう
下記のようなテーブルを作成しChromeで表示すると綺麗にrowspanで一つにしたカラムが見えているんですが、FirefoxとSafariだとこのrowspanしたカラムが潰れて見えてしまいます。
縦書きの指定が悪いのかと思いましたが縦書き自体はFirefox、Safari上でも表示されているのでrowspanがうまく表示されていないのかなと思いました。
...
0
票
1
回答
3,230
閲覧数
safariで一定間隔で自動更新する方法
MacでSafariを使用していて、ページの読み込みを一定間隔で自動更新するにはどうすればいいでしょぅか。
0
票
0
回答
40
閲覧数
iOS の safari や chrome で position: sticky かつ writing-mode: vertical-rl のコンテンツが断続的に消える
iOS で position:sticky と writing-mode:vertical-rl を組み合わせて使用すると、position:sticky を指定した要素内のコンテンツが、ページが読み込まれたとき、あるいは縦方向にちょこっとスクロールしたときに、表示が消えることがあります。
DEMO on Netlify
コンテンツを右から左に読むようにして、各セクションの見出し部を ...
0
票
0
回答
1,053
閲覧数
Custom URL Schemeのディープリンクで、アプリをインストールしていない場合にストアに遷移させたい
カスタムURLスキームでアプリを起動させ、アプリが無ければストアに遷移させる
iPhoneにInstagramのアプリがインストールされていればアプリに、なければウェブブラウザ版に遷移するリンクをつくる
上記の記事を参考に、「アプリがインストールされていなければストアへ、インストールされていればアプリの特定のコンテンツを表示させる」という挙動をJSで実現しようとしているのですが、...
0
票
1
回答
169
閲覧数
pointerdown を付与した要素が発火後に消える場合、別の要素にフォーカスを付与してもフォーカスが外れてしまう原因が知りたい
表題の通りとなります。
pointerdown イベントを付与した要素がイベント発火後に消える際、focus() メソッドで強制的にフォーカスを他の要素に付与したとしても外れてしまいます。
pointerup ではこのような現象は発生しないため、なぜ挙動が違うのか知りたいです。
また、Firefox の pointerdown ではフォーカスが外れる現象が発生しませんでした。
...
0
票
1
回答
637
閲覧数
table内のborderの太さがバラバラになるバグ
Laravel, Bootstrapを使用してwebサイトの画面を作成しています。
table内のborder(罫線)の太さが画面サイズを変更するとバラバラになってしまうブラウザ側のバグがあるようです。ブラウザの問題なのですが、この現象が起きないよう対応してほしいという要望があり苦戦しております。
100%以外の拡大/縮小で不規則に発生します。 Google Chrome, Microsoft ...
0
票
1
回答
560
閲覧数
iOSのショートカットで「URLの内容を取得」しても画像が表示されない
今回、自分で設置したWebサーバーにiOSショートカットから接続してPOSTでファイルを送信しようと思っています。その前準備として、ごくごく簡単なHTMLを作りテストしていますが、画像のみが表示されません。
iOSのSafariではきちんと画像が表示されます。ショートカットの「URLの内容を取得」だとうまくいかないようです。
test.html
<html>
<body>
&...
0
票
0
回答
643
閲覧数
ServiceWorker で特定のファイルをキャッシュから削除したい
サイトをPWA化するために ServiceWorker を使用しています。
キャッシュ指定しているファイルを修正した際にそのファイルだけキャッシュからではなく、サーバーから読み込んで再度キャッシュに取り込みたいのですが方法が分かりません。
下記のサイト等で追加するメソッド(cache.put)は分かったのですが、削除する方法が分かりません。...
0
票
0
回答
245
閲覧数
Safari14アップデートでWebGL+Leafletが動かない
Safariを14にアップデートしたら今まで閲覧していたウェブアプリケーションが動かなくなりました(13.1.2から14.0)。アプリケーションはウェブ地図(Leaflet)とWebGLを組み合わせて実現しているCS立体図という地形表現ソフトです。
https://frogcat.github.io/csmap/
アップデート後、アプリケーションの初期表示が出来たり出来なかったり、...
0
票
0
回答
2,764
閲覧数
iOS の Safari にて <a href="xxx" target="_blank" rel="noopener"></a>で別ウィンドウにてリンクを開きたい
iOSのSafariにおいて、<a>タグの挙動について質問です。
実現したいこと
以下のように、ボタンをクリックするとJavaScript(React)でdownload属性を設定した<a>タグを生成し、サーバに配置してあるPDFファイルをダウンロードするコードを書きました。
ここで、iOS13以前のSafariはdownload属性が未実装のようなので、...
0
票
0
回答
225
閲覧数
webブラウザによってFormタグの動作に違いがありますか?(django, Chrome)
お世話になります。周りに質問する相手もおらず、このサイトでお答えいただけると本当に助かってます。
標題の通りの質問なのですが、、
Djangoで一通り作成を終え、
Chromeで動作確認をしていたところ、
汎用CreateViewでの動作が不信だったので質問しました。
◆ 環境
Python 3.6.8 :: Anaconda, Inc.
Django 2.1.7
django-...
0
票
0
回答
3,007
閲覧数
ios safariのwindowsでのデバッグ方法
ios版safariのjavascriptデバッグをwindowsで行いたく色々と調べておりますが、うまくいきません。
以下のサイトを参考にios-webkit-debug-proxy-win32を試してみましたが、
https://qiita.com/tyam001/items/dc9f44add8e31dcbfa7a
Unable to connect to chrome-devtools-...
0
票
1
回答
296
閲覧数
iOSでウェブブラウザのaudioタグからロック画面にアルバムアートワークを表示したい
iOSの端末(iPhone等)で<audio></audio>を用いて音楽を再生するとき、
アルバムアートワークをロック画面に表示させるようにしたいです。
<audio title="タイトル" src="test.mp3" controls></audio>
上のコードのようにtitleを付加するとロック画面にタイトル名が表示されるのですが、
...
0
票
1
回答
1,387
閲覧数
Safariにて $(window).on("focus"〜 すると setInterval が 2回実行される
es6で書いているので $interval と書いていますが、 setIntervalと同じです。
OS:
OSX El Capitan
ブラウザ:
Safari バージョン 9.1.2 (11601.7.7)
Google Chrome 55.0.2883.95 (64-bit)
以下のコードで、save();が2回呼ばれてしまいます。
原因を教えていただけますか。
var ...
0
票
0
回答
2,351
閲覧数
iOS x Safariで画像が表示されない
前提・実現したいこと
以下のサイトのリリースを控えていますが、表題の不具合が解決できずに悩んでいます...
https://magazine.tabitatsu.jp/
発生している問題・エラーメッセージ
iOSのSafariで記事ページにアクセスした際に、画像が表示されません。
https://magazine.tabitatsu.jp/articles/63
しかし、...