近期有接到一個案子,狀況比較特殊,我自己也是沒遇過,不過身為一個工程師,遇到問題就是要解決吧!
那接下來就聽筱熊娓娓道來。
狀況發生:Emoji會在網頁上顯示問號
在網頁上使用Emoji表情符號是一種豐富內容和互動的方式,然而,有時我們可能會遇到狀況,就是這些Emoji在網頁上顯示為問號,而不是我們預期的圖像。經過我的努力和多種方法的嘗試,我發現這個問題可能涉及到了一些轉換的問題。
在這個過程中,我嘗試了各種方法,包括改變編碼方式、調整網頁設置,但問號的現象仍然存在。然而,經過一段時間的實驗和觀察,我終於找到了一個解決辦法:只有當Emoji的字串長度為1時,它們才能在網頁上正常顯示,而當字串長度超過2時,問號的問題就會出現。
解決方式:找出Emoji的圖片網址
在面對網頁上Emoji顯示問號的問題時,筱熊不斷尋找解決辦法,最終筱熊找到了一個有效的方法:使用Emoji的圖片網址。這個方法可以確保您的網頁能夠正確顯示Emoji,使您的內容更加豐富和生動。
為了實現這個方法,我們開發了一個【Emoji 轉換 網址 小工具】,這個工具可以幫助您將Emoji轉換成對應的圖片網址程式碼,然後您只需將這個網址嵌入到您的網頁程式碼中,就可以正確顯示Emoji了。這個小工具非常簡單易用,歡迎大家使用它來解決Emoji顯示問題。
使用【Emoji 轉換 網址 小工具】的步驟非常簡單,依照下面步驟來執行。
唯一步驟:一鍵透過工具找出程式碼
將你要的Emoji,輸入進下面工具的對話框,按下【轉換】,下方即會顯示,該Emoji的圖片網址程式碼。
以????這個符號為範例:
找查出的程式碼為:
<img class=”emoji” draggable=”false” alt=”????” src=”https://twemoji.maxcdn.com/v/14.0.2/72×72/1f4cd.png”/>
那這整串貼到網頁程式碼中,就可以顯示該Emoji,那其中alt=”????”,這個部分,您可以根據您想要的文字做修改沒問題。
再來,src=”https://twemoji.maxcdn.com/v/14.0.2/72×72/1f4cd.png”,這sre=的地方就是所謂的圖片網址,您可以只取其中間的”https://twemoji.maxcdn.com/v/14.0.2/72×72/1f4cd.png”,這個就是網址了,大家不訪來嘗試看看。
相關連結:
推特Emoji列表
Twemoji
Emoji 轉換 網址 小工具
請輸入您想搜尋的emoji,若要查詢多個請用逗點(,)隔開
以下用同時搜尋????和????為例子