chrome:// – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Sun, 09 Jul 2017 03:30:01 +0000 zh-TW hourly 1 Chrome 60 開發人員工具的更新項目 https://wordpress.lokidea.com/1596/chrome-60-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/ https://wordpress.lokidea.com/1596/chrome-60-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/#respond Sun, 09 Jul 2017 03:30:01 +0000 https://wordpress.lokidea.com/?p=1596 閱讀全文 Chrome 60 開發人員工具的更新項目]]>
Chrome 60 開發人員工具 更新內容
現在正式版才到59，60要到測試版本上面才看的到唷

截圖上的說明是這些
https://developers.google.com/web/updates/2017/05/devtools-release-notes
這頁面上還有其他沒有說明到的功能

]]> https://wordpress.lokidea.com/1596/chrome-60-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/feed/ 0 Web 開發者應該知道的Google 更新內容 https://wordpress.lokidea.com/1600/web-%e9%96%8b%e7%99%bc%e8%80%85%e6%87%89%e8%a9%b2%e7%9f%a5%e9%81%93%e7%9a%84google-%e6%9b%b4%e6%96%b0%e5%85%a7%e5%ae%b9/ https://wordpress.lokidea.com/1600/web-%e9%96%8b%e7%99%bc%e8%80%85%e6%87%89%e8%a9%b2%e7%9f%a5%e9%81%93%e7%9a%84google-%e6%9b%b4%e6%96%b0%e5%85%a7%e5%ae%b9/#respond Fri, 07 Jul 2017 03:30:30 +0000 https://wordpress.lokidea.com/?p=1600 閱讀全文 Web 開發者應該知道的Google 更新內容]]> Google 有個頁面針對所有的Web開發者
提供了很多的資訊與建議 https://developers.google.com/web/
尤其是在Chrome的上面的更新與其他新提供的網頁技術
https://developers.google.com/web/updates/

其他文章有寫到chrome的更新都在這個網站底下呢
現在寫Web，Chrom應該是市占率最高的瀏覽器了
所以這個站的技術文章，多看看也是不錯的
小小補充：

  1. https://github.com/googlechrome
  2. https://github.com/GoogleChrome/chromium-dashboard
  3. https://www.chromestatus.com/
]]> https://wordpress.lokidea.com/1600/web-%e9%96%8b%e7%99%bc%e8%80%85%e6%87%89%e8%a9%b2%e7%9f%a5%e9%81%93%e7%9a%84google-%e6%9b%b4%e6%96%b0%e5%85%a7%e5%ae%b9/feed/ 0 Chrome 59 開發人員工具的更新項目 https://wordpress.lokidea.com/1593/chrome-59-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/ https://wordpress.lokidea.com/1593/chrome-59-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/#respond Wed, 05 Jul 2017 03:30:54 +0000 https://wordpress.lokidea.com/?p=1593 閱讀全文 Chrome 59 開發人員工具的更新項目]]>
Chrome 59 開發人員工具的新功能

  • CSS and JS code coverage (這功能可以查看code裡面有用到跟沒有用到的部分)
    Find unused CSS and JS with the new Coverage drawer.
  • Full-page screenshots (手機板的擷取還是怪怪的)
    Take a screenshot of the entire page, from the top of the viewport to the bottom.
  • Block requests (可以針對requests做block，滿有趣的)
    Manually disable individual requests in the Network panel.
  • Step over async await (這不太懂，再研究研究)
    Step through async functions predictably.
  • Unified Command Menu (快速開檔?)
    Execute commands and open files from the newly-unified Command Menu (Control + Shift + P).
]]> https://wordpress.lokidea.com/1593/chrome-59-%e9%96%8b%e7%99%bc%e4%ba%ba%e5%93%a1%e5%b7%a5%e5%85%b7%e7%9a%84%e6%9b%b4%e6%96%b0%e9%a0%85%e7%9b%ae/feed/ 0 Chrome 53又有UI細節更新了【155/366】 https://wordpress.lokidea.com/952/chrome-53%e5%8f%88%e6%9c%89ui%e7%b4%b0%e7%af%80%e6%9b%b4%e6%96%b0%e4%ba%86%e3%80%90155-366%e3%80%91/ https://wordpress.lokidea.com/952/chrome-53%e5%8f%88%e6%9c%89ui%e7%b4%b0%e7%af%80%e6%9b%b4%e6%96%b0%e4%ba%86%e3%80%90155-366%e3%80%91/#respond Fri, 03 Jun 2016 01:50:35 +0000 https://wordpress.lokidea.com/?p=952 閱讀全文 Chrome 53又有UI細節更新了【155/366】]]> 昨天把大圖貼出來
今天就比較一下細節的部分

screen-2016060116332512
上圖的上方是舊的UI，下方是新版的UI

  1. 上方分頁標籤有一點點的修改
  2. 前一頁、下一頁，重新整理，首頁的UI都重新做了
  3. 網址右側加入最愛的星星也改變了
  4. 右側的外掛按鈕有略為縮小
  5. 最右邊的進入設定的UI也變成點點點了
  6. 新版的點選按鈕還有陰影的動畫(圖面上看不到，看有沒有機會作動圖)

screen-2016060116365215

  1. 網址列的網址前方的圖示也改UI了，https的鎖頭(第一張圖)，http的預設圖

screen-2016060116414518這邊是下方的下載列

  1. 整體高度其實多了5px
  2. 整體設計也改變了，不論是每個下載的檔案表現方式，還是右側的全部顯示連結

還有更多更多的細節
這次UI更新應該也是全面套用新的Material Design
因為點選按鈕的動畫就是 Material Design 的風格

]]> https://wordpress.lokidea.com/952/chrome-53%e5%8f%88%e6%9c%89ui%e7%b4%b0%e7%af%80%e6%9b%b4%e6%96%b0%e4%ba%86%e3%80%90155-366%e3%80%91/feed/ 0 Chrome Canary更新了UI設計【154/366】 https://wordpress.lokidea.com/938/chrome-canary%e6%9b%b4%e6%96%b0%e4%ba%86ui%e8%a8%ad%e8%a8%88%e3%80%90154-366%e3%80%91/ https://wordpress.lokidea.com/938/chrome-canary%e6%9b%b4%e6%96%b0%e4%ba%86ui%e8%a8%ad%e8%a8%88%e3%80%90154-366%e3%80%91/#respond Thu, 02 Jun 2016 02:00:43 +0000 https://wordpress.lokidea.com/?p=938 閱讀全文 Chrome Canary更新了UI設計【154/366】]]> 前天 canary 更新到 版本 53.0.2753.0 canary (64-bit)
Screen_20160531225137001

Screen_20160531225437001
圈起來的地方UI都有調整跟修改過了

三張現在 52.0.2704.63
screen-20160601155818001 screen-20160601155822001 screen-20160601155825001

三張 53.0.2754.0
screen-20160601155806001 screen-20160601155810001 screen-20160601155814001

下一篇再來擷取一下新舊版細節的差異

]]> https://wordpress.lokidea.com/938/chrome-canary%e6%9b%b4%e6%96%b0%e4%ba%86ui%e8%a8%ad%e8%a8%88%e3%80%90154-366%e3%80%91/feed/ 0 chrome://開頭的網址意義【85/366】 https://wordpress.lokidea.com/682/chrome%e9%96%8b%e9%a0%ad%e7%9a%84%e7%b6%b2%e5%9d%80%e6%84%8f%e7%be%a9%e3%80%9085-366%e3%80%91/ https://wordpress.lokidea.com/682/chrome%e9%96%8b%e9%a0%ad%e7%9a%84%e7%b6%b2%e5%9d%80%e6%84%8f%e7%be%a9%e3%80%9085-366%e3%80%91/#respond Fri, 25 Mar 2016 15:30:31 +0000 https://wordpress.lokidea.com/?p=682 閱讀全文 chrome://開頭的網址意義【85/366】]]> 因為chrome安裝了些extension
預設的新分頁被取代
就找了一下有沒有直接連到就有新分頁的連結
只記得chrome://開頭
一Google發現原來很多人整理

裡面就屬開源中國這篇整理的最好
12 很有用的 Chrome 浏览器命令 – 开源中国社区
查詢自己瀏覽器上面的指令清單

chrome://about/ (請複製貼到網址列)

但是依舊沒有找到
就想到 Momentum 這個extension有提供 link
就找到另一串網址

chrome-search://local-ntp/local-ntp.html (請複製貼到網址列)

這個就可以連到chrome原始的新分頁了
PS:
連到安裝的APP的清單指令是

chrome://apps/ (請複製貼到網址列)

]]> https://wordpress.lokidea.com/682/chrome%e9%96%8b%e9%a0%ad%e7%9a%84%e7%b6%b2%e5%9d%80%e6%84%8f%e7%be%a9%e3%80%9085-366%e3%80%91/feed/ 0