最近、會社の PC ウェブサイトのログインが改訂され、WeChat のスキャンコード ログインが追加されました。
ドキュメント WeChat で QR コードをスキャンしてドキュメントにログインします。
設(shè)定後、WeChatに付屬のスタイルが大きすぎて位置が間違っていることが判明したので、調(diào)整する必要があります。
ドキュメントの上のhrefを見てください
WeChatドキュメント
var obj = new WxLogin({ id:"login_container", appid: "", scope: "", redirect_uri: "", state: "", style: "", href: "../qrcode.css"//就是這個屬性 });
、そして私たちが自分で書いたCSSファイルを參照することができます。
しかし正式には、この CSS ファイルは https プロトコルを使用して Web サイトに配置する必要があります。例:
Quote css
href: "https://www.baidu.com/qrcode.css"
しかし、あなた自身の Web サイトのプロトコルは https ではありません。解決策:
data-url にアクセスしてスタイルの問題を解決します
先ほどの CSS リソースを data-url に変換するための Nodejs スクリプトを作成します。
具體的な方法:
1.新しいフォルダーを作成し、変換したjsファイルと自分で書いたcssファイルを置きます
change.jsvar fs = require('fs');
// function to encode file data to base64 encoded string
function base64_encode(file) {
// read binary data
var bitmap = fs.readFileSync(file);
// convert binary data to base64 encoded string
return 'data:text/css;base64,'+new
Buffer(bitmap).toString('base64');
}
console.log(base64_encode('./qrcode.css'))2.ターミナルを開き、ディレクトリに入ります
実行node change.js
以上がカスタム WeChat コード スキャン ログイン スタイルを?qū)g裝する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
WeChat で削除された連絡(luò)先を回復(fù)する方法 (簡単なチュートリアルでは、削除された連絡(luò)先を回復(fù)する方法について説明します)
May 01, 2024 pm 12:01 PM
殘念ながら、WeChat は広く使用されているソーシャル ソフトウェアであり、何らかの理由で特定の連絡(luò)先を誤って削除してしまうことがよくあります。ユーザーがこの問題を解決できるように、この記事では、削除された連絡(luò)先を簡単な方法で取得する方法を紹介します。 1. WeChat の連絡(luò)先削除メカニズムを理解します。これにより、削除された連絡(luò)先を取得できるようになります。WeChat の連絡(luò)先削除メカニズムでは、連絡(luò)先がアドレス帳から削除されますが、完全には削除されません。 2. WeChat の組み込みの「連絡(luò)先帳復(fù)元」機(jī)能を使用します。WeChat には、この機(jī)能を通じて以前に削除した連絡(luò)先をすばやく復(fù)元できる「連絡(luò)先帳復(fù)元」機(jī)能が用意されています。 3. WeChat 設(shè)定ページに入り、右下隅をクリックし、WeChat アプリケーション「Me」を開き、右上隅にある設(shè)定アイコンをクリックして設(shè)定ページに入ります。
トマト無料小説アプリで小説を書く方法. トマトノベルで小説を書く方法に関するチュートリアルを共有します。
Mar 28, 2024 pm 12:50 PM
トマト ノベルは非常に人気のある小説閲覧ソフトウェアです。トマト ノベルでは、新しい小説や漫畫を読むことができます。どの小説も漫畫もとても面白いです。小説を書きたい友達(dá)もたくさんいます。お小遣いを稼いで、小説の內(nèi)容を編集することもできます。 「テキストに文章を書きたいです。それで、小説はどうやって書くのですか？友達(dá)は知らないので、一緒にこのサイトに行きましょう。小説の書き方の入門を少し見てみましょう?！?Tomato Novels を使用して小説を書く方法に関するチュートリアルを共有します。 1. まず、攜帯電話で Tomato Free Novels アプリを開き、パーソナル センター - ライター センターをクリックします。 2. Tomato Writer Assistant ページに移動し、次の場所で [新しい本の作成] をクリックします。小説の終わり
Huawei 攜帯電話にデュアル WeChat ログインを?qū)g裝するにはどうすればよいですか?
Mar 24, 2024 am 11:27 AM
Huawei 攜帯電話にデュアル WeChat ログインを?qū)g裝するにはどうすればよいですか?ソーシャルメディアの臺頭により、WeChatは人々の日常生活に欠かせないコミュニケーションツールの1つになりました。ただし、多くの人は、同じ攜帯電話で同時に複數(shù)の WeChat アカウントにログインするという問題に遭遇する可能性があります。 Huawei 社の攜帯電話ユーザーにとって、WeChat の二重ログインを?qū)g現(xiàn)することは難しくありませんが、この記事では Huawei 社の攜帯電話で WeChat の二重ログインを?qū)g現(xiàn)する方法を紹介します。まず第一に、ファーウェイの攜帯電話に付屬するEMUIシステムは、デュアルアプリケーションを開くという非常に便利な機(jī)能を提供します。アプリケーションのデュアルオープン機(jī)能により、ユーザーは同時に
モバイルドラゴンの卵を孵化させる秘密が明らかに（モバイルドラゴンの卵をうまく孵化させる方法を段階的に教えます）
May 04, 2024 pm 06:01 PM
テクノロジーの発展に伴い、モバイルゲームは人々の生活に欠かせないものになりました。かわいいドラゴンエッグの畫像と面白い孵化過程で多くのプレイヤーの注目を集めており、その中でも注目を集めているゲームの一つがモバイル版ドラゴンエッグです。プレイヤーがゲーム內(nèi)で自分のドラゴンをより適切に育成し成長させることができるように、この記事ではモバイル版でドラゴンの卵を孵化させる方法を紹介します。 1. 適切な種類のドラゴン エッグを選択する プレイヤーは、ゲーム內(nèi)で提供されるさまざまな種類のドラゴン エッグの屬性と能力に基づいて、自分に適したドラゴン エッグの種類を慎重に選択する必要があります。 2. 孵化機(jī)のレベルをアップグレードします。プレイヤーはタスクを完了し、小道具を収集することで孵化機(jī)のレベルを向上させる必要があります。孵化機(jī)のレベルは孵化速度と孵化成功率を決定します。 3. プレイヤーはゲームに參加する必要がある孵化に必要なリソースを収集します。
攜帯電話の文字サイズの設(shè)定方法（攜帯電話の文字サイズを簡単に調(diào)整できます）
May 07, 2024 pm 03:34 PM
攜帯電話が人々の日常生活において重要なツールになるにつれて、フォント サイズの設(shè)定は重要なパーソナライゼーション要件になりました。さまざまなユーザーのニーズを満たすために、この記事では、簡単な操作で攜帯電話の使用體験を向上させ、攜帯電話のフォントサイズを調(diào)整する方法を紹介します。攜帯電話のフォント サイズを調(diào)整する必要があるのはなぜですか - フォント サイズを調(diào)整すると、テキストがより鮮明で読みやすくなります - さまざまな年齢のユーザーの読書ニーズに適しています - フォント サイズを使用すると、視力の悪いユーザーにとって便利です攜帯電話システムの設(shè)定機(jī)能 - システム設(shè)定インターフェイスに入る方法 - 設(shè)定インターフェイスで「表示」オプションを見つけて入力します。 - 「フォント サイズ」オプションを見つけて、サードパーティでフォント サイズを調(diào)整します。アプリケーション - フォント サイズの調(diào)整をサポートするアプリケーションをダウンロードしてインストールします - アプリケーションを開いて、関連する設(shè)定インターフェイスに入ります - 個人に応じて
PHP プログラミング ガイド: フィボナッチ數(shù)列を?qū)g裝する方法
Mar 20, 2024 pm 04:54 PM
プログラミング言語 PHP は、さまざまなプログラミング ロジックやアルゴリズムをサポートできる、Web 開発用の強(qiáng)力なツールです。その中でも、フィボナッチ數(shù)列の実裝は、一般的で古典的なプログラミングの問題です。この記事では、PHP プログラミング言語を使用してフィボナッチ數(shù)列を?qū)g裝する方法を、具體的なコード例を添付して紹介します。フィボナッチ數(shù)列は、次のように定義される數(shù)學(xué)的數(shù)列です。數(shù)列の最初と 2 番目の要素は 1 で、3 番目の要素以降、各要素の値は前の 2 つの要素の合計に等しくなります。シーケンスの最初のいくつかの要素
すぐにマスター: Huawei 攜帯電話で 2 つの WeChat アカウントを開く方法が明らかに!
Mar 23, 2024 am 10:42 AM
今日の社會において、攜帯電話は私たちの生活に欠かせないものとなっています。私たちの日常のコミュニケーション、仕事、生活のための重要なツールとして、WeChat はよく使用されます。ただし、異なるトランザクションを処理する場合は 2 つの WeChat アカウントを分離する必要がある場合があり、そのためには攜帯電話が 2 つの WeChat アカウントへの同時ログインをサポートする必要があります。有名な國內(nèi)ブランドとして、ファーウェイの攜帯電話は多くの人に使用されていますが、ファーウェイの攜帯電話で 2 つの WeChat アカウントを開設(shè)する方法は何でしょうか?このメソッドの秘密を明らかにしましょう。まず、Huawei 攜帯電話で 2 つの WeChat アカウントを同時に使用する必要があります。最も簡単な方法は次のとおりです。
ediusカスタム畫面レイアウトの操作手順
Mar 27, 2024 pm 06:50 PM
1. 下の図はediusのデフォルトの畫面レイアウトです EDIUSのデフォルトのウィンドウレイアウトは橫レイアウトのため、シングルモニタ環(huán)境では多くのウィンドウが重なってプレビューウィンドウがシングルウィンドウモードになります。 2. メニューバーの[表示]から[デュアルウィンドウモード]を有効にすると、プレビューウィンドウに再生ウィンドウと録音ウィンドウを同時に表示できます。 3. [表示メニューバー > ウィンドウレイアウト > 一般] でデフォルトの畫面レイアウトに戻すことができます。また、ウィンドウをドラッグして好みのレイアウトにし、[表示 > ウィンドウ レイアウト > 現(xiàn)在のレイアウトを保存 > 新規(guī)作成] をクリックすると、自分に合ったレイアウトをカスタマイズして、よく使う畫面レイアウトとして保存することもできます。ポップアップ [現(xiàn)在のレイアウトを保存] レイアウト] 小さなウィンドウにレイアウト名を入力し、OK をクリックします
