在firefox中輕鬆檢視包含檔案的原始碼
在web開發領域，大多數設計不再是HTML頁面，而是被移動到包含的CSS和Javascript檔案中。問題是，當您想檢視程式碼時，沒有一種真正簡單的方法來檢視那些CSS/JS檔案。
有一個名為JSView的擴充套件，可以讓您通過幾種不同的方式輕鬆檢視包含檔案的原始碼。
預設安裝用法
安裝完擴充套件後，您將看到一個名為“檢視頁面原始碼–JSView”的新選項。它將把你帶到同一個螢幕作為常規檢視頁源對話方塊將…
現在，當您在“檢視原始碼”螢幕中時，“檢視”選單將包含額外的選單項，允許您快速訪問包含的檔案。
快速訪問上下文選單
從工具選單開啟JSView選項螢幕，取消選中“禁用JSView彈出選單”項，將額外的選單新增到預設的右鍵單擊選單中。
您還需要選擇“Disable View Page Source–JSView”來禁用選單上的冗餘JSView項。現在，當您在任何頁面中單擊滑鼠右鍵時，都可以快速訪問原始碼。
請注意，如果您想要最簡單的體驗，可以選擇禁用所有選項，只需從“檢視原始碼”視窗訪問函式。
其他選擇
您還可以選擇是否在新視窗中開啟…
或者是否使用外部編輯器…
這是一個非常有用的擴充套件，現在已經成為我的web開發工具包的一部分。
從Mozilla載入項下載JSView擴充套件
- 發表於 2021-04-14 12:07
- 閱讀 ( 20 )
- 分類：網際網路
你可能感興趣的文章
如何在linux中輕鬆裁剪和調整影象大小
許多影象編輯器可用於Linux，從模仿GIMP的Photoshop到F-Spot等影象編輯器。但是，這些工具都不能讓你輕鬆地裁剪和調整影象的大小，而不會讓你分心的功能填充鈴鐺和口哨。Linux的影象編輯應用程式的選擇給人留下了深刻的印象，...
5個簡單易用的mac專案管理工具
...。 向您的團隊成員傳送邀請，並在側邊欄中輕鬆檢視分配給成員的任務數。 包括到期日，標籤，檔案，名單，並在您的名單卡筆記。 ...
linux中如何隱藏影象中的檔案
...友。您可以透過在檔案或資料夾名稱前面放置點（.）來輕鬆地隱藏Linux中的檔案和資料夾。 ...
微軟edge正在成為一個生產力夢想
... 然後，令人驚訝的事情發生了：微軟Edge超過了Firefox，成為第二名。從那時起，微軟一直在加倍努力，這可能是它自舊的IE時代以來唯一一次與競爭對手較量的機會。 ...
你想知道的關於linux上inodes的一切
...引節點都放在一張桌子上。使用inode編號，檔案系統可以輕鬆地計算inode所在inode表的偏移量。你可以理解為什麼inode中的“i”代表索引。 包含inode編號的變數在原始碼中宣告為32位無符號長整數。這意味著inode數是一個最大值為2^...
如何在windows中輕鬆檢視最近修改的檔案
...檔案資源管理器中檢視時間戳 您可以在檔案資源管理器中輕鬆檢視專案的時間戳資訊。要檢視單個檔案的詳細資訊，請右鍵單擊該檔案並從關聯選單中選擇“屬性”。 在檔案的屬性視窗中，切換到“詳細資訊”選項卡，然後向...
如何將google的webp影象儲存為jpeg或png格式
...這種巧妙的小技巧可以為您節省一些時間。 開啟Chrome、Firefox、Microsoft Edge或Opera任何支援WEBP影象顯示的瀏覽器。前往一個使用WEBP圖片節省頻寬的網站，就像上面的任何應用程式列表一樣官方市場. 右鍵單擊或長按其中一個影象...
如何使用命令列在linux中查詢檔案和資料夾
...桌面管理器中的其他位置建立程式快捷方式。例如，鍵入firefox顯示下面影象中顯示結果的命令。 預設情況下，which命令只顯示第一個匹配的可執行檔案。要顯示所有匹配的可執行檔案，請在命令中使用-a選項： which -a firefox 您...
如何在android上將多個影象合併成pdf檔案
...任何應用程式中開啟PDF。 相關：如何在Android 6.0棉花糖中輕鬆選擇預設應用 例如，首先我們將開啟PDF檔案以檢視結果。當您點選“開啟PDF”時，彈出視窗顯示裝置上所有可用於檢視PDF檔案的選項。最後使用的選項（如果您以前...
如何在ubuntu或其他linux發行版上安裝minecraft
...開源版本，稱為OpenJDK，可以在大多數Linux發行版的軟體庫中輕鬆安裝。還有Oracle自己的Java執行時。OpenJDK和oraclejava執行時幾乎相同，但是oraclejava執行時確實包含一些封閉的原始碼，這些程式碼可能會提高圖形效能。 許多人...
