整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
究人員在QQ手機瀏覽器受到攻擊后發現了一種新型濫用基于HTML5 Ping的超鏈接審計特性的DDoS攻擊。
Imperva研究人員Vitaly Simonovich和Dima Bekerman監測到一次攻擊，該攻擊最高點達7,500個請求/秒，并在4個小時內從約4,000個用戶IP發出了超過7千萬個請求。什么概念呢？2016年類似的一次基于Android的手機DDoS攻擊是從27,000個獨特IP中實現了每秒400個請求的峰值。
新攻擊使用的是HTML5 ping屬性，其可以合法跟蹤網站鏈接上的點擊次數，一些隱私人士甚至將其視為一種用戶跟蹤形式。'Ping ='包含在普通的在線超鏈接代碼中。單擊鏈接時，會發送一個不可見的'ping ='url內容變量，該變量也用戶看不到，網站管理員可以監控、審核從特定網站發送特定鏈接的訪問者數量。
雖說這種新攻擊主要來自QQ瀏覽器用戶，但該技術幾乎可以應用到任何瀏覽器上。Firefox是少數幾個默認禁用ping屬性的瀏覽器之一；Chrome 74 Beta版本正在取消禁用超鏈接審核功能，這意味著可能在2019年5月發布后，Chromium瀏覽器（如Edge，Chrome，Opera和Safari）將永久啟用超鏈接審核。
用戶訪問經兩個外部JavaScript文件而設計的網頁，其中一個含URL的數組，這也是主要針對游戲網站DDoS攻擊的目標；另外一個JS文件有一個函數，它從數組中隨機選擇一個URL，創建帶有'ping'屬性的<a>標簽，并以編程方式每秒點擊該鏈接。訪問者只要在瀏覽器中打開該網站，超鏈接審核ping就會向其發送，4,000多名用戶深陷其中、每小時最多可能超1400萬個請求。這種攻擊需要讓用戶訪問精心設計的網頁，并盡可能長時間地在瀏覽器中打開。
研究人員提出一種可能的結合社會工程和惡意廣告場景，也許已經在這次攻擊中使用：攻擊者將惡意廣告注入合法網站。網站越受歡迎，受DDoS的可能性就越大。之后，具有惡意添加的網站鏈接會被發布到大型微信群里。然后，訪問者和來自微信聊天組的訪問者將自動、不知不覺地開始ping目標URL，且將繼續以每秒一次的速率執行此操作，以便在瀏覽器中打開中毒選項卡。
雖然這種攻擊方法有可能在任何地方用于對抗任何目標，但一個簡單的防御方法是阻止任何包含邊緣設備上的”Ping-To“和/或”Ping-From“HTTP header的Web請求”（防火墻，WAF等），這會阻止ping請求不會命中你的服務器。
本文作者：Gump，轉載自：http://www.mottoin.com/detail/3892.html
源：騰訊ISUX
鏈接：https://isux.tencent.com/articles/simple-qq.html
QQ 像用戶的一個小小星球，可以隨意的裝點展示自己的個性，同時也能看到其他好友的小星球。然而人是動態成長和變化的，紛繁的世界是否就一直能適合用戶的聊天心境呢？
都說年輕人喜歡用 QQ，他們精力旺盛樂于交友，在社交的同時有強烈的自我表達欲望，QQ 里的個性裝扮能夠滿足年輕人的自我展示需求。
隨著年輕人的成長和社會角色變化，開始需要和學習、工作中不同的人頻繁打交道，涉及的使用場景更為多元化，對溝通逐漸有了效率與特殊場景體驗的訴求。本文講述的是 QQ 近期在極簡設計與人性化體驗設計上的探索與思考。
簡潔模式
各類產品相繼回歸初心追求體驗服務的本質，產品體驗也正在做減法提煉，更為聚焦用戶核心訴求，追求更極簡的體驗。
用戶溝通的本源是信息互換，QQ 通過推出極簡模式，對聊天進行降噪設計，重新突出聊天信息，回歸溝通的本源。
簡潔模式，是允許用戶切換到更純粹的聊天體驗，但并不改變用戶原有的個性化設置，用戶可隨時根據需要，恢復自己的個性裝扮。
1. QQ簡潔模式設計策略
QQ 擁有龐大的用戶量，一直以來用戶對純粹的聊天溝通體驗呼聲較高，回歸到溝通的本源，聚焦極簡溝通聊天體驗，這是化繁為簡的減法過程，我們梳理了 QQ 簡潔模式的設計策略。
信息降噪
頭像和聊天氣泡是承載信息的主要載體，簡潔模式屏蔽個性化裝扮，使信息的展示更純粹和清晰。
簡化功能
為了讓用戶更便捷地發送不同類型的消息，QQ 的輸入區域展示了相冊、拍照、紅包等功能。但在非娛樂化場景聊天時，這些功能使用率是較低的。簡潔模式簡化了工具欄與圖標風格，圖標造型與色彩化繁為簡，利用更純粹的黑與白，方便界面更好凸顯信息和內容，整體與默認模式產生了差異，用戶有更強簡化感知。
純粹交流
QQ 的等級體驗符合部分年輕人的攀比需求，但在某些場景（如辦公，學習等），等級可能會對溝通帶來一定的壓力與干擾。簡潔模式僅保留純粹的聊天信息，讓用戶感受更清爽無壓力的交流。
風格中性
簡潔模式的界面設計風格更為中性，去個性化。設計細節的優化，如分割線的處理、灰色的運用、圖標的形體等，都更為克制精簡。整體視覺體驗以黑白灰為主基調，輔助色點綴，高對比度，猶如容器一樣呈現最具價值的內容和信息。
簡化圖形
極簡還體現在界面的圖標語言，簡潔模式圖標延續 QQ 8.0 風格的圖標造型，在此基礎上追求更極致的減法設計，我們通過提煉圖標造型的輪廓，采用更精煉的細線圖標，能少畫一筆不多出一筆，細節之處方顯匠心。
簡潔模式設置路徑
未來將增設多彩選擇，喜歡簡約風格的你絕對不容錯過 QQ 簡潔模式，歡迎多多體驗。
QQ 升級至 8.1.0 版本的用戶，可以從抽屜進入設置頁，點擊進通用，開啟簡潔模式。
夜間模式
人眼可根據環境光做自動調節，在弱光環境下，人眼對明暗度的辨別更敏銳，對彩色的感知度則更弱。同時人眼還有視覺惰性，晚上長時間使用手機，更容易覺得眼花。
多數手機系統，主要通過環境光自動調節屏幕的亮度，以降低手機上的明暗對比，減少對眼睛的亮度刺激，同時普遍適用于不同類型的手機應用。
為了給用戶提供更舒適的夜間體驗，部分手機系統逐漸推出黑暗模式，一些應用還定制深度的夜間模式。
1. QQ夜間模式設計策略
晚上是 QQ 用戶活躍的高峰期之一，針對夜間場景使用痛點以及業界的趨勢。科技向善，設計也應如此，因此 QQ 夜間模式體驗定位希望是更護眼舒適的，為用戶提供更人性化體驗，我們梳理出夜間模式的設計策略，并重新設計。
2. 護眼舒適
降低對比度
夜間模式界面通過降低信息與背景的對比度，對圖片/圖標帶色彩的通過使用遮罩，來達到減少對人眼刺激的目的，用戶在夜間弱光環境中使用起來更柔和護眼。
降低信息與背景對比度能降低對人眼的刺激，我們分別從降低界面信息對比度和降低色彩明度入手，在不同背景下適配不同亮度的文字信息。通過黑暗環境人眼真機體驗測試，又再經過多輪字色與背景對比度的優化，保證識別度的基礎上，梳理出在全黑的環境下適合夜間在任何屏幕亮度均可使用的對比度，對比度控制在三個檔位進行組合，不出現純黑白對比。
降低圖像與色彩的明度
界面信息還包括有色的圖文與圖形類，高純度的色彩在深色背景下也容易造成人眼刺激與疲勞。此類信息我們通過使用遮罩來達到降低明度的目的。在保持與系統色彩純度的基礎上，降低明度從而達到柔和護眼的效果。
組件化
QQ 夜間模式適配覆蓋度很高，涉及界面也很多，我們梳理適配了夜間模式組件，同時也提升適配的效率。目前已適配核心路徑場景的夜間體驗，我們與開發同學緊鑼密鼓在適配更多界面，隨著適配的不斷深入，給用戶提供更完善舒適的夜間體驗。
3. 情感化設計
為了強化用戶對夜間模式的認知，提升夜間場景用戶的使用感受。我們運用了情感化的設計，從以下三個維度體現。
主題背景
大面積黑色界面難免會些許單調冰冷，有別于手機系統與應用，QQ 夜間模式保留前版本的星空元素傳承到新版設計中， 夜間模式啟動后，通過繁星點點的背景元素建立夜間環境關聯。
趣味圖標
當用戶開啟夜間模式時，我們設定了彩蛋，發現個別圖標會發生改變，變成帶有夜間相關的圖形語言，后續更新會增加更多趣味的圖標。我們也希望通過帶入趣味元素的表達方式，建立用戶對 QQ 夜間模式的好感。
動效
使用切換操作時，加入適度的過渡動畫，進一步強化用戶對夜間模式的感知，用戶可在抽屜頁點擊切換至夜間模式。
夜間模式體驗路徑，用戶進入 QQ 后，通過右滑或點擊一級界面左上角個人頭像，進入抽屜頁，點擊左下方夜間圖標即可切換至夜間模式。
結語
除了簡潔模式和夜間模式，未來 QQ 還會有更多專題設計的探索思考，通過挖掘使用場景為用戶提供更多人性化好玩的服務。目前這兩個模式均已上線，收到了不少反饋和建議，也請用戶朋友們多多體驗持續關注 QQ 的更新。
https://connect.qq.com/
<script type="text/javascript" charset="utf-8"
src="//connect.qq.com/qc_jssdk.js"
data-appid="APPID" // 審核通過的APPID
data-redirecturi="REDIRECTURI" // 網站回調地址。回調地址必須以http或https開頭。騰訊目前業務線都已切至https.所以建議此處都填寫https.如果網站不支持，請自行升級
></script>在html頁面需要插入QQ登錄按鈕的位置，粘貼如下代碼：
<span id="qqLoginBtn"></span>
<script type="text/javascript">
QC.Login({
btnId:"qqLoginBtn" //插入按鈕的節點id
});
</script>注：如需自定義按鈕。則將上面代碼生成的html（即<span id="qqLoginBtn"></span>節點里面的代碼）粘貼在對應位置即可。
? ?<script type="text/javascript"
src="//connect.qq.com/qc_jssdk.js" charset="utf-8" data-callback="true"></script>注：如果回調地址頁與加入QQ登錄按鈕是同一個頁面，則只需要引用一次腳本文件。頁面URL地址中會在hash值部分加入access_token&expires_id=7776000。注意官網文檔上面說可以拿到openid.其實是不可以的。需要登錄后通過api拿到openid。
if(QC.Login.check()){ //如果已登錄
QC.Login.getMe(function(openId, accessToken){ // 注意業務中依賴openId和accessToken的需要寫入在回調里面
console.log(openId, accessToken)
});
}到此QQ互聯登錄的基本流程已結束。
https://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
