暗いモードを変更(1/?)


学習内容

  • Googleコメント
  • を使用
  • javascriptベース
  • cssを使用してダークモード
  • を変更

    1.Googleコメントを使う


    材料https://analytics.google.com/
    Google Annelに加入してから使うのはあまり問題ありません
    cmsで作成したサイトであればheadにコードを入れる必要がありますが、コードを再検索するには見つけにくいので、再記録する必要があります.

    作成したプロパティで、データ・ストリーム-プロパティ-ラベルの起動順にコードを検索します.

    2.JavaScriptベース


    省略

    3.cssでダークモードを変更する

    <input type="button" name="button" value="white mode" onclick="
            document.querySelector('body').style.backgroundColor='white';
            document.querySelector('body').style.color='black';">
    <input type="button" name="button" value="night mode" onclick="
                document.querySelector('body').style.backgroundColor='black';
                document.querySelector('body').style.color='white';">
    bodyに上記の内容を追加するとこのようなボタンが発生し、クリックすると暗いモードをオン/オフすることができます.

    その他


    一般的なWeb上でdevtoolから
     document.querySelector('body').style.backgroundColor='black'
    入力すると、Webページは任意に暗いモードに設定できるように見えます.

    サスペンス


    すべてのサイトに自動的に接続された場合、自分の好きな場所に自動的に変更することはできませんか?
    エンベロープで画像サイズを縮小するにはどうすればいいですか?
    同じサイトの他のページに切り替えたときに選択したモードを維持するにはどうすればいいですか?

    学習の心得.


    気持ちがいい.