用一串程式碼做的畫,欣賞Chrome、Safari、Edge不同的「藝術」風格
用一串程式碼做的畫,欣賞Chrome、Safari、Edge不同的「藝術」風格

如果你的瀏覽器會畫畫,那它會畫出怎樣一幅畫呢?

如果瀏覽的小說文字多,那可能是文字組合多多的黑白圖畫;如果是線上看不同的動漫作品,那估計是色彩繽紛的普普畫作;要是每天都在看攝影美圖,那瀏覽器畫出的可能是一幅光影變幻的印象畫。

可惜瀏覽器不是AI,沒辦法根據自己的代碼、特性來畫一幅畫。

Web Browser1.jpg
Chrome的畫。
圖/ 愛范兒

但這也沒關係,數位藝術家黛安娜.史密斯(Diana Smith)設計了一串純web的程式碼,每個瀏覽器在加載頁面時都會將其呈現為繪圖。

史密斯一直以來都在進行的嘗試是用CSS和HTML作出畫作。所有的元素都是手動的輸入,僅允許使用Atom文本編輯器和Chrome的開發者工具進行操作,同時SVG元素的使用也可能受到限制。它的項目和源代碼都可以在GitHub中查詢。

這一次,史密斯的「作畫」和不同的瀏覽器有關。除了Chrome瀏覽器能夠呈現圖片本身預想的畫作外,其它瀏覽器都會「畫」出不同的圖像。這也展示了不同瀏覽器轉換工作的差別。

Web Browser2.jpg
▲ Diana Smith的其它藝術作品
圖/ 愛范兒

這不是說其它的瀏覽器都不如Chrome,只是作者在一開始並沒有考慮過跨瀏覽器兼容的問題。

但就是因為沒有兼容,這串代碼反而畫出了不同的「有趣」圖畫。

由於這個項目的藝術性,因此我不關心跨瀏覽器的兼容性,所以即時預覽可能在除Chrome之外的任何瀏覽器中看起來都很可笑。

在Safari瀏覽器中,蕾絲的花邊裝飾覆蓋在了女人的臉上,這片蕾絲本應該出現在女人的脖頸後方作為裝飾品。

Web Browser3.jpg
Safari的畫。
圖/ 愛范兒

而在2014版本的Opera瀏覽器中,畫作變得更加詭異了,有了一種全然不同的風格。脖子分成了三個部分,眉毛、頭髮、眼睫毛的位置都出現了偏移和錯位,以一種更像條碼的方式展現。脖子、眼睛也出現了位置的偏移,這是一張平面的、詭異的畫作。

Web Browser4.jpg
Opera的畫。
圖/ 愛范兒

而讓人感覺十分複雜的是Edge瀏覽器。雖然他的名字Edge有「邊緣」的意思,但在這次作畫中,它自動「畫」掉了所有的邊,讓項鍊消失,使整幅圖畫更為平滑。

這幅畫作還是所有畫中看起來最為陰沉的一幅。

Web Browser5.jpg
Edge的畫。
圖/ 愛范兒

還有曾是世界上最流行的瀏覽器——Netscape Navigator(網景領航員),儘管它的市場佔有率一度達到了90%,但今天可能很多人都沒有聽過它的名字了。

即便如此,它依然是最有風格的瀏覽器創作者,畫出的圖像自成一派。

臉變成了方塊,嘴巴、眼睛等五官都變成了不同大小的方塊,深色的毛髮變為了條碼狀的線條。有點像樂高,也有點像《當個創世神(minecraft)》風格。Vice覺得這個顏色和微軟的Edge瀏覽器基本保持了一致,或許是因為這兩家公司都曾統治了90年代。

Web Browser6.jpg
Netscape Navigator的畫。
圖/ 愛范兒

Diana Smith說:「當你在不同的瀏覽器上查看這張圖片時,你就像是在查看網路的歷史,以及當時用戶對瀏覽器的要求。」

事實上,雖然這個數位藝術完全是藝術方面的探索,但也很容易讓人聯想想到中國多年前的一場行銷活動——IE6殲滅戰。

Web Browser7.jpg
圖/ 愛范兒

當時還有很多用戶在使用存在較大安全隱患的IE6,於是奇虎360號召大家和周鴻禕一起「真槍實彈」地消滅IE6。用戶只需要登錄活動主頁就能自動檢測用戶瀏覽器的IE內核版本,檢測自己是否正在使用不安全的IE6。

若用戶瀏覽器內核為IE6版本,主頁的哆啦A夢就無法顯示出本來的形象,五官扭曲,分辨不清。而IE8內核的瀏覽器則能很清晰地顯示哆啦A夢,圖片顯示的直接不同也能提醒用戶升級瀏覽器。

Web Browser8.jpg
圖/ 愛范兒

七年前的行銷活動和今天的數位藝術品,二者都很有趣。

責任編輯:江可萱、蕭閔云
本文授權轉載自:愛范兒

關鍵字: #瀏覽器
往下滑看下一篇文章
台股破兆元成新常態!永豐金「大戶投 APP」整合三大交易服務:化身投資人專屬「金融行動電源」,助攻高檔震盪「交易不中斷」
台股破兆元成新常態!永豐金「大戶投 APP」整合三大交易服務:化身投資人專屬「金融行動電源」,助攻高檔震盪「交易不中斷」

投資人追逐台股AI熱。根據臺灣集中保管結算所與臺灣證券交易所的最新數據,今(2026)年以來國內投資市場熱絡催動開戶熱,集保帳戶每月總開戶數持續穩健成長,累計開戶數已突破2,540萬戶;對比證交所公佈的最新證券開戶人數約1,420萬人,反映台灣人對「多帳戶管理」強烈潛在需求,希望透過不同帳戶區隔長線資產與短線交易。

面對股市操作節奏顯著加快的高檔震盪環境,投資人渴望擁有穩定且高效的交易平台,以確保投資流暢、避開潛在的斷點危機。永豐金證券數位金融處代理處長 黃亮喻 指出:「投資人傾向透過多帳戶管理來區分資金用途。在股市高檔、交易節奏加快的環境下,『交易不中斷』已成為基本需求,任何系統或金流的停擺風險,都可能成為投資的致命傷。」

黃亮喻進一步表示,這股趨勢就如同現代人外出時習慣隨身攜帶行動電源,以降低手機沒電帶來的不便與焦慮;對投資人而言,一個多元且整合性強的交易帳戶,正是能在關鍵時刻即時支援的「金融行動電源」,協助股民在市場瞬息萬變之際,依然維持穩定的交易節奏與資產掌控力,也不會混淆每個帳戶的投資目的。為此,永豐金證券整合三大數位下單服務,致力成為股民心中值得信賴的數位券商。

永豐金-大戶投APP.jpg
圖/ 數位時代

策略一:執行力進化!毫秒報價與「閃電下單」助攻精準決策

在快節奏的行情中,資訊獲取的速度即是決勝關鍵。針對海外市場,全新升級的「大戶投 APP」美股2.0導入毫秒級即時主動推送報價機制,解決傳統免費平台延遲15分鐘所帶來的決策誤差與時間落差。在台股盤中,大戶投APP的「儀表板」功能即時彙整市場資金流向與產業強弱,確保投資人在切換不同帳戶操作時,仍能維持一致的市場判斷基準。

此外,針對重視交易效率的短線投資人,大戶投APP推出的「閃電下單」功能,搭配「智慧單」系統,在觸發預設條件時自動完成委託與交易。一體化的自動執行流程大幅降低了人為情緒判斷的誤差。「這賦予了散戶與法人同等的專業底氣,讓我們成為投資人的第二大腦。」黃亮喻說。

策略二:多帳戶管理學:打造資產防線,讓交易策略對齊投資初衷

回歸交易策略本質,資產成敗的關鍵往往不在於盲目追逐明牌,而在於資金管理的紀律。永豐金證券建議投資人養成「分散風險」的好習慣,依據不同的投資目的建立「專屬帳戶口袋」。

透過精準的「多帳戶管理」,投資人可將資產依屬性彈性劃分為三大區塊:

  • 帳戶A(長期投資用途):專注於ETF佈局、優質存股與長遠的退休規劃。

  • 帳戶B(短線操作用途):靈活執行波段操作、熱門題材與事件交易。

  • 帳戶C(高機動交易帳戶):用於應對市場突發利多或利空狀況,保留特殊行情的彈性操作空間。

黃亮喻表示,多帳戶管理的關鍵不在數量,而是能否在切換過程中維持資訊與操作的連續性。透過多帳戶管理,投資人能清楚掌握每筆資金用途,也更容易建立符合自身風險承受度的投資節奏,避免長線投資受到短期市場情緒干擾,讓交易策略對齊投資初衷。

策略三:重塑金流體驗!「投資錢包」化解資金調度停擺風險

在金流實務層面,永豐金證券深入觀察到,散戶交易卡關的痛點往往不是資金不足,而是在機會出現時,資金分散在不同的銀行帳戶,導致來不及即時撥補至證券交割戶,白白錯失最佳進場時機。

為了打破銀行營業時間的限制,永豐金證券推出的「資金管理帳戶」(分戶帳),讓證券帳戶化身為新世代的「投資錢包」。黃亮喻解釋:投資人無須另外開立證券款項劃撥帳戶,即可彈性綁定多達25家主流金融機構,並支援自由設定最多三組入金帳戶與一組出金帳戶,提供官網24小時即時出入金服務,將資金調度效率最大化。

更關鍵的是,為了化解忙碌上班族因一時疏忽而遺忘轉帳的信用風險,系統支援「自動授權代扣」功能。當台股成交且帳戶餘額不足時,系統會自動自約定銀行撥補資金。黃亮喻提醒:「若因金流小疏忽而傷及珍貴的個人信用紀錄,實在非常可惜,因此我們希望透過自動化智慧金流機制,維持金流順暢與交易穩定性。」

永豐金.jpg
圖/ 數位時代

數位理財新標配,限時解鎖有感升級

為了落實普惠金融並鼓勵投資人建立多帳戶管理意識,永豐金證券提供一站式線上無紙化開戶服務,最快僅需 7.5 分鐘即可完成所有開戶流程。並加碼推出開戶加碼活動,凡年滿 18 歲之新戶完成登錄並線上開戶,最高可享 1388 元等值好禮,且當月「資金管理帳戶」日平均餘額每滿二十萬元,可獲1次價值3萬元旅遊金兌換券抽獎機會,詳情搜尋「投資升級選永豐」活動官網。

大戶投APP累計下載已突破111萬次,顯示投資人對即時交易與數位理財需求持續提升。永豐金證券強調,大戶投 APP 將持續扮演守護資產的「金融行動電源」,全面打造無斷點的流暢交易體驗。展望未來,永豐金證券將不斷精進交易效率、金流整合與數位服務體驗,落實「翻轉金融,共創美好生活」的願景。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
代理式商務連動百兆商機
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓