為網設計者和開發者有用bookmarklets

廣告
經由電子郵件得到我們軟體和網//小費,報名參加每天電子郵件時事通訊.
贊同RSS餵或者跟隨我有關吱吱叫嗎?

有用網發展和設計bookmarklets Bookmarklets是書籤含有JavaScript代碼的小片.他們能被過去經常完成特有任務.網開發者能透過使用bookmarklets使許多共用運算生氣勃勃.最好的是,和一樣延長,bookmarklets不使你的網瀏覽器減慢.例如,(如果你在其它瀏覽器)中渴望他們,bookmarklets一起有效錄製的這些中的一些代替網路開發者Firefox附帶加上去的東西.

為這些節約bookmarklets,才只是右點有關向書籤聯繫和變為你的書籤檔案夾保留它或者向你的書籤toolbar拖bookmarklets.例外:第一三bookmarklets((前二清單原理)是向頁,當我發現他們困難這裡嵌入時,含有bookmarklets聯繫.

為了使用一bookmarklet,簡單右點-有關它和選擇“書籤林克機”我將建議變為一檔案夾把他們放入toolbar,因此任何bookmarklet能和2按一下在一起被訪問.我發現那個是對-使用安排最-容易-最不-使凌亂最和.到那時bookmarklets上面.

廣告

  • 2008年7月7日更新:
    愛克斯光:
    看見盒子為任何要素有關網頁做模特兒.
  • 試驗款式和編輯款式:
    試驗款式給你一新標籤//窗戶把CSS關於原來webpage的規定歸類.立即施加款式於webpage.編輯款式是相似,除了那個你CSS得當出發去頁.[感謝,尼克]
  • W3C HTMLValidator:
    使你正現時調查的檔案有效.同時將頁譯成密碼,為在飛行中批准大人物檢查.
  • W3C CSSValidator:
    使你正現時調查的webpage的CSS有效.對於在CSS編代碼期間很快檢查有用.
  • 調整Viewport的大小:800×600, 1024×768, 1280×1024和1600×1200:
    請參看網頁在不同分解中看起來像你的怎樣.迅速800在objpre之間切換×600比1600×1200,二極端分解進入在一般情況下考慮網設計.
  • 視野甜餅乾和擲甜餅乾:
    調查在目前頁旁邊儲藏甜餅乾(使用第一聯繫).然後拋你向透過使用第二聯繫提出心願的甜餅乾.
  • NetCraft:
    告訴你一個地點的伺服器細節和展示正常運行時間圖.
  • 用交替文本代替:
    有用為沒有高音譜表上方的第一個八度標籤的形象檢查.不利是它去除僅有<img>標籤留下完好無損按鍵和形象建立使用CSS或者鬼怪.
  • Alexa快照查詢:
    在Alexa,一個受歡迎網韻律學網站查詢你的網站細節和快照.
  • Whois查詢:
    查詢你在繼續領土的WhoIs.
  • 編輯目前網站:
    編輯目前頁–添加文本,刪除文本,在等等周圍–沒有需要任何另一延長完全提議網原理.
  • 搜索選擇在Google中文本:
    雖然不嚴格和網設計//發展有關,Google搜索能是有用在頒發和腳本語言中查詢各種各樣條款和技術.
  • 形象阻力:
    拖從一裡面頁無縫地和重新排列形象.
  • 抓起screenshot:
    抓起一你正沒有使用任何另一安裝應用調查的頁的screenshot.
  • 給清單((對於IE)反而使用這個著色:
    列出在目前webpage使用的顏色.

推進Bookmarklet資源

你可以也想要讀完這些bookmarklets的收集:

  • 在Squarefree WebDev:
    一對於網設計者和開發者有用bookmarklets的大收集.在傑西Ruderman旁邊堅持.
  • 為偶然網用戶有用bookmarklets:
    一我在DailyApps.net寫的客人桿.它為每人列出有用bookmarklets.他們中的絕大部份個使加速或者通常使毫無疑問幫助的使用任務自動化設計者和devs也.

像平常的我的的一樣資源桿,這份清單將當推薦流行起來時,連續不斷被更新.和我們聯繫推薦bookmarklets.告訴我們什麼–為網發展或者除此之外–我是你的最喜歡bookmarklets’m肯定我們完全能從新bookmarklets受益在其他的旁邊分擔.

為了得到我們最新文章,輕點這裡報名參加我們免費電子郵件時事通訊或者贊同RSS餵

相關閱讀
§ 意見
  • punne4e 說:
    在8:21 2008年7月7日是

    哈囉buddy!!i貧窮,假定短路但是甜食連接起來,你應該也加不同瀏覽器清單,在中一能的它的好的一嗨你和us.Have分擔它順便一提試驗他的//她的網站的.

    上帝保佑你.Punne4e

  • 尼克Z 說:
    在8:56 2008年7月7日是

    我發現https://www.squarefree.com/bookmarklets/webdevel.html#test_styles非常寶貴–我’ll建立一HTML檔案,然後使用那bookmarklet我能在實時的中使stylesheet成型.它’s因為用戶寫下stylesheets也很方便.

  • 陽光充足海灘 說:
    在5:36 pm2008年7月7日

    這個非常對被強迫匆忙做一些工作那些有好處

  • Sumesh 說:
    在8:05 pm2008年7月7日

    關於款式@NickZ:非常好建議將不久更新桿測驗bookmarklet.

  • Pras 說:
    在9:03 2008年7月9日是

    嘿Sumesh我才只是碰到你的blog.好的工作.維護它.請請嘗試閱讀完全你的將來桿.

  • 基思Dsouza 說:
    在7:38 2008年7月10日是

    才只是在一桿中在QQT旁邊注意到這些捷徑是怎樣有用為將來使用給加上書籤 :)

  • Arnaud L 說:
    在11:48 pm2009年1月3日

    “編輯目前網站”是一好的bookmarklet但是缺乏“活網站編輯”bookmarklet必須給予的.
    以及其它等等,它能持續修改向一些製做webpages至少它’s它的用途.
    你能找出這裡它:http://code.google.com/p/lwe/
    它’仍然在一早期版本中s但是它對網站的絕大部份產生影響.
    乾杯

    • Sumesh 說:
      在7:43 2009年1月4日是

      @ArnaudL:
      那個’s一有用bookmarklet和是持續不斷將可能是對於許許多多的網用戶有用.我將在一將來桿,沿著更有用bookmarklets–那樣感謝推薦變圓了中張貼bookmarklet.

    • § 留下一回答