在使用Tinder 風格的約會應用程式時,其中一個應用程式在相互點讚後讓相關人員建立聯繫,我注意到,為了宣傳他們的高級計劃,他們使用模糊的圖片向您介紹在您的個人資料上按下「讚」按鈕的人。
經過幾次配對後,我注意到模糊的圖片屬於真實帳戶,也就是說,它們不是一組通用圖像或占位符。
應用於攝影的模糊效果範例
這聽起來太明顯了,所以我打開瀏覽器的開發者控制台並轉到 CSS 程式碼來檢查我的懷疑。他們不可能犯這麼簡單的錯誤——我想——他們用一個簡單的 CSS filter:blur.
來保護照片的身份
.hidden-image { filter: blur(4px); }
這個約會應用程式的圖像處理。
實際圖像由該應用程式的 CDN 提供,然後應用濾鏡來隱藏它們,因此要找出誰喜歡您,您只需刪除過濾器即可。
不幸的是,不可能從圖片或 URL 結構、API 呼叫或任何其他給定中獲取任何其他資料;除了個人資料圖片之外,無法存取姓名、個人資料或任何其他資訊。
如何在約會應用程式中隱藏圖像?
當然這是一個架構錯誤,確實,在前端隱藏圖像非常容易,使用CSS,您可以節省磁碟空間並避免後端的處理時間,但更好的選擇是使用一組適用於所有帳戶的通用圖像。
另一種選擇是每次用戶更新其主要個人資料圖像時自動生成縮圖(以及其他更改,例如更改格式,例如:webp);它會消耗更多空間,但可以保證真實圖像的安全並為每個用戶提供個人化的體驗。
使用瀏覽器擴充功能來利用該錯誤
為了利用該錯誤,我創建了一個小的 Javascript 腳本並將其整合到擴充功能中,以便在每次進入頁面時自動執行解鎖它們的過程。
開發人員的這一小疏忽持續了大約兩年。現在它已經被修復,所以如果你嘗試在主要約會頁面上搜尋該錯誤,你將不再找到它,這也是我決定發布有關它的主要原因
該應用程式修改了其網頁版本的程式碼,使UI 的其餘部分幾乎完好無損,並選擇為每個帳戶創建一個混淆的縮圖,但從後端對其進行處理,因此完全不可能獲得真實影像.
你也利用了這一點嗎?如果您知道網站名稱,即可獲得獎勵積分。
以上是我利用了約會應用程式程式碼中的錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

我知道,我知道:有大量的內容管理系統選項可用,而我進行了幾個測試,但實際上沒有一個是一個,y'知道嗎?怪異的定價模型,艱難的自定義,有些甚至最終成為整個&

鏈接CSS文件到HTML可以通過在HTML的部分使用元素實現。 1)使用標籤鏈接本地CSS文件。 2)多個CSS文件可通過添加多個標籤實現。 3)外部CSS文件使用絕對URL鏈接,如。 4)確保正確使用文件路徑和CSS文件加載順序,優化性能可使用CSS預處理器合併文件。

選擇Flexbox還是Grid取決於佈局需求:1)Flexbox適用於一維佈局,如導航欄;2)Grid適合二維佈局,如雜誌式佈局。兩者在項目中可結合使用,提升佈局效果。

包含CSS文件的最佳方法是使用標籤在HTML的部分引入外部CSS文件。 1.使用標籤引入外部CSS文件,如。 2.對於小型調整,可以使用內聯CSS,但應謹慎使用。 3.大型項目可使用CSS預處理器如Sass或Less,通過@import導入其他CSS文件。 4.為了性能,應合併CSS文件並使用CDN,同時使用工具如CSSNano進行壓縮。

是的,youshouldlearnbothflexboxandgrid.1)flexboxisidealforone-demensional,flexiblelayoutslikenavigationmenus.2)gridexcelstcelsintwo-dimensional,confffferDesignssignssuchasmagagazineLayouts.3)blosebothenHancesSunHanceSlineHancesLayOutflexibilitibilitibilitibilitibilityAnderibilitibilityAndresponScormentilial anderingStruction

重構自己的代碼看起來是什麼樣的?約翰·瑞亞(John Rhea)挑選了他寫的一個舊的CSS動畫,並介紹了優化它的思維過程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3漢化版
中文版,非常好用