モバイルページでリンクを２回タップしないと反応しない時の対処｜あるあり
数日前につぶやいたこの不具合ですが、直し方をググっていたら簡単な方法がありました。 リンクを２回タップしないと動かない原因タッチデバイスでhover動作が反応しないため１回目無反応、２回目でリンク反応のような動きになるようです。 私の環境ではiOS版Chromeで確認でき、Safariでは問題ありませんでした。 直し方こちらのサイトを参考にさせていただきました。 htmlに以下のscriptを追加します。（Webテク倉庫様からそのまま引用） <script>document.addEventListener('touchstart',function(){});</script></body>の直前に加えればいいみたいですが、Jimdoのようにhtmlを編集できないテンプレートなら<head></head>内に加えれば全ページに適用されます。 これでモバイル版Chromeのリンクも正常に反
超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
history apiで、iOS版Chrome独自の挙動 - Qiita
今年（2016年）5月くらいまでは問題は無かったのですが、それ以後、iPadのChromeだけ挙動が変ってしまいました。 遭遇した問題 問題の動作 問題の動作の箇所ですが・・・ このWebサービスにユーザがログインするとマイページに移動させます。その直後に独自ウインドウを開いて「ログインしました」というメッセージを表示しています。 このウインドウを閉じた直後に問題が発生します。 JavaScriptでは その独自ウインドウを表示する際に pushState() でダミーの履歴を追加し、ウインドウを通常の方法で閉じたときは back() で履歴を取り除き、その際発生するpopStateイベントは無視するようにしています。 ユーザがブラウザのback機能を使った場合に発生するpopStateイベントハンドラでは独自ウインドウを閉じるようにしています。 余談ですが、Androidではブラウザでは
Chrome 70 デベロッパーツールが便利になってる！Web制作者がチェックしておきたい新機能のまとめ | コリス
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ
Chromeでjavascriptデバッグ！まず半歩♪
The document provides an overview of lists in Java, detailing the creation, manipulation, and printing of list elements. It includes examples of common operations such as adding, removing, and sorting elements within a list, as well as methods for reading lists from console input. Additionally, it presents practical coding exercises that reinforce the concepts of handling lists and arrays. The doc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita