iT邦幫忙

chrome相關文章
共有 133 則文章
鐵人賽 Modern Web DAY 12
認識 Chrome 開發者工具 系列 第 12

技術 控制台面版 1 - 讀取-求值-輸出循環

今天我們要一起來討論的 Chrome 開發者工具的控制台面版 (Console panel),這個面版我們在前面有很簡單的介紹過,其實它就像是一個讀取-求值-輸...

鐵人賽 Modern Web DAY 11
認識 Chrome 開發者工具 系列 第 11

技術 運算及其他的幾個控制台

過去的幾天,我們一起討論了如何動態編輯 DOM 元素及樣式,這就是元素面版最常用的兩個功能,而今天要跟大家一起來探討的是在元素面版中剩下的幾個控制台,而這當中除...

鐵人賽 Modern Web DAY 10
認識 Chrome 開發者工具 系列 第 10

技術 元素面版 - 動態編輯樣式

昨天我們花了一點時間看了如何使用樣式控制台 (Styles pane) 來檢視樣式,今天我們則要來看如何動態編輯樣式。 再次提醒大家,我們在元素面版裡的編輯都...

技術 防火牆如何封鎖阻擋 Chrome 遠端桌面

有攻有守才有攻守道 XDFQDN封鎖chromoting-host.talkgadget.google.com或是關閉 port 5222 回應就可以了 參考文...

鐵人賽 Modern Web DAY 9

技術 元素面版 - 檢查元素樣式

我們用了兩天的時間把如何透過元素面版來動態編輯文件物件模型 (DOM) 講完了,今天我們要一起看的功能是動態編輯元素的樣式。樣式控制台 (Styles pane...

鐵人賽 Modern Web DAY 26

技術 GTM 26 - 番外篇 - 如何實作 Openseach 於網站中,在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

GTM 社團 如果網站有實作站內搜尋的話,如何加上 Opensearch,讓各瀏覽器可以加入自己網站的搜尋引擎,ex:在 Chrome 輸入網址後按 Tab...

鐵人賽 Modern Web DAY 8

技術 元素面版 - 動態編輯文件物件模型 2

今天我們要接續昨天還沒討論完的部份,把動態編輯文件物件模型的功能介紹完。 編輯 HTML 昨天我們有介紹了編輯元素標籤跟屬性的功能,但還有一個功能是可以編輯整個...

鐵人賽 Modern Web DAY 7

技術 元素面版 - 動態編輯文件物件模型 1

今天要一起來看的面版是元素面版,如果你是第一次使用 Chrome 開發者工具,元素面版應該就會是你打開開發者工具後的第一個面版,這個面版其實是由幾個小的控制面版...

鐵人賽 Modern Web DAY 6

技術 開發者工具快捷鍵跟設定

幾個常用的快捷鍵 在這裡我想分享幾個我最常用到的快捷鍵,強迫自己使用快捷鍵可以讓自己的工作速度提昇,強列建議大家可以把你常用的快捷鍵背起來。如果你想要找特定的快...

技術 圖解chrome 遠端桌面,快速安裝設定

圖解chrome 遠端桌面,快速安裝設定很簡單照順序走就可以了以後都啟用桌面的捷徑就可以了不打開 Chrome 沒關係這樣就完成了

鐵人賽 Modern Web DAY 5

技術 開發者工具面版簡介 3 - 記憶體面版、行動裝置工具欄及其他工具

到目前為止我們已經看過幾個主要的面版,今天要介紹剩下的一個面版:記憶體面版。但是除了這些面版外,其實 Chrome 開發者工具裡還有提供一些方便的工具來協助工程...

鐵人賽 Modern Web DAY 4

技術 開發者工具面版簡介 2 - 原始碼、安全性、應用及審查面版

今天我們會再簡單的介紹幾個面版:原始碼、安全性、應用還有審查。好,廢話不多說,就讓我們開始吧! 原始碼面版 Sources panel 這個面版是在進行 JS...

鐵人賽 Modern Web DAY 3

技術 開發者工具面版簡介 1 - 元素、控制台、網路及效能面版

接下來的幾天我們會很快的把所有的 Chrome 開發者工具的面版走過一遍,並且有一點簡單的介紹,讓大家對這些面版有些基本的認識,之後我們會針對幾個我認為比較重要...

鐵人賽 Modern Web DAY 2

技術 一點點前端除錯的歷史

圖 1 : 在早期電腦中發現真正的臭蟲 較早期的除錯方式 今天要來談談一點前端除錯的歷史。在開發者工具出來前,比較常見用來除錯的JavaScript 工具有 a...

鐵人賽 Modern Web DAY 1

達標好文 技術 寫在前頭

前言 前端工程在過去這幾年變化快的驚人,JavaScript 從原先在頁面上只負責簡單的介面互動操作,到現在像是 SPA (Single Page Applic...

技術 [集中] Internet 軟體的研究筆記

最近在網路文章的介紹下,試用 Toby 管理 Chrome 的頁籤,降低開啟的頁面,並且將儲存的頁面透過群組方式管理,比 Bookmark 更有效率。 我有其用...

技術 Chrome 介面變大了,顯示的網頁也變大了,解決方案

不知道為什麼今天開啟Chrome不管是工具列介面,都變大了,不僅如此,網頁的呈現也變大了,看一下縮放比例仍維持100%沒錯壓,大約要調到80%,才跟之前的顯示尺...

技術 Chrome裡面的Line App..

Chrome的應用程式裡面也有Line能用了喔...快試試吧 首先打開google...進入以下連結 https://chrome.google.com/web...

技術 [Chrome套件] The Great Suspender

The Great Suspender是一個Chrome套件,其設計概念是將久未使用的分頁休眠(Suspend),將分頁記憶體釋放出來,避免電腦因為開了太多Ch...

鐵人賽 學生 DAY 8

技術 [Linux 應用篇 #7] 挑選適合自己的瀏覽器

以我們現在的生活,像是每天上Facebook、Plurk...之類的,很難不開瀏覽器上網。 而現在已經有好幾家知名的瀏覽器可以用,而我平常也會開大概兩種以上瀏覽...

技術 Chrome 使用 console.table 來除錯 Javascript

文章同步分享於 堡政島 http://www.dotblogs.com.tw/holmes2136/Default.aspx 當我們在查詢 Javascript...

技術 Chrome Live Editing功能

文章同步分享於 堡政島 http://www.dotblogs.com.tw/holmes2136/Default.aspx 有時候我們在 Debug js 時...

技術 Firefox太慢了

Firefox太慢了 慢...... 我在Raspberry Pi建了一套Email Server(不是Postfix, Exim, Qmail,...都不是)...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 27

技術 Chrome Extension 筆記(30)topSites 取得包含最常瀏覽的網站

得到的結果和新分頁看到的"最常瀏覽的網站"是一樣的. manifest.json { "manifest_version&q...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 26

技術 Chrome Extension 筆記(29)tts 使用 chrome 內建的語音引擎

雖然給的語言選項有 'zh-CN'、'en'、'en-US'、'en-GB', 但中文怎麼試都好像都沒辦法成功... 不過使用起來挺簡單的, 搭配通知來提醒使用...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 25

技術 Chrome Extension 筆記(28)omnibox 在網址列註冊你的關鍵字

題外話:不明白阿...剛剛才發現昨天的文章竟然沒有成功發佈...整個前功盡棄了 manifest.json { "manifest_versi...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 24

技術 Chrome Extension 筆記(27)取得所有書籤列表

對於現在的瀏覽器, 書籤已經是基本的功能了, 總覺得書籤應該能再延伸出些什麼應用才對, 這次一樣是一個簡單的 DEMO manifest.json {...

鐵人賽 開發技術 DAY 26
Chrome Extension 開發筆記 系列 第 23

技術 Chrome Extension 筆記(26)多國語系 i18n

使用多國語言並不需要特別的權限, 只需在目錄底下新增 /_locales/localeCode[en、es、ko] 資料夾, 並將對硬的字串和翻譯寫在 mess...

鐵人賽 開發技術 DAY 25
Chrome Extension 開發筆記 系列 第 22

技術 Chrome Extension 筆記(25)撰寫開發者工具

manifest.json { "manifest_version": 2, "name": "...

鐵人賽 開發技術 DAY 24
Chrome Extension 開發筆記 系列 第 21

技術 Chrome Extension 筆記(24)替代頁面, 換掉默認的頁面吧~

目前能替換的頁面有 書籤(bookmarks)、歷史紀錄(history)、新分頁(newtab). manifest.json { "mani...