記錄乙個chrome 65渲染的bug

前段時間發現乙個chrome 65+的bug（chrome已更新到66，bug仍然存在），乙個元素同時使用了以下樣式（失去焦點和css3的z軸平移0deg），渲染異常

/*

bug style
*/filter: blur(4px);
transform: translatez(0)

正常渲染截圖應該是：

完整demo：

doctype html

>
<
html
>
<
head
>
<
title
>chrome 65 css filter bug
title
>
<
style
>
.demo
style
>
head
>
<
body
>
<
div 
class
="demo"
>
div>
body
>
html
>

mac mini os 10.11.6

chrome 65+

給chrome團隊提了bug，已經確認是bug 

編寫乙個Chrome外掛程式

也可說是突然萌生出來的乙個想法 編寫乙個chrome外掛程式。其實最終的目的，還是為了解決工作中的一些問題。比如當前開發專案的自動登入功能。chrome擴充套件可以看做是乙個迷你版的站點。它更多的是用來提供功能擴充套件，而不側重內容展示。所以，它的實際組成是一組html css script檔案。b...

漸變效果只能渲染乙個屏，超過乙個屏重新渲染的問題

background linear gradient 404a59,0f1319 css背景色可以設定漸變樣式，但是這個漸變色只能渲染一屏的大小，超出一屏後會再次渲染 比如下圖 上面這個圖是開啟頁面之後剛好是渲染了一屏的漸變色，但是，當把頁面往下拉之後 頁面因為超出一屏之後再次渲染了顏色 解決方法 ...

第乙個chrome外掛程式

上週抽了點時間看了下chrome擴充套件的製作，於是想到公司裡在開發環境測試的時候相當地繁瑣，需要手動地將url位址從com變到daily，那就寫個外掛程式試試。需求 將輸入的taobao.com修改為daily.taobao.net chrome擴充套件是由一些列js和html組成，由乙個json...