解決簡書圖片不顯示問題“系統維護中，圖片暫時無法加載”

目錄

• 首先，如果你是Chrome內核的瀏覽器，或者火狐firefox瀏覽器。文末有提供給大家的Js小工具。
• 若你是Chrome內核的瀏覽器，按下鍵盤"F12"鍵，就會彈出開發者工具，如下圖：
• 當然，你還可以使用快捷鍵“Ctrl+Shift+J”，快捷鍵，直接定位到開發者工具的“Console”欄目下。
• 復制下面的JavaScript代碼，粘貼到開發者工具欄的“Console”內
• 按下回車鍵“Enter”，此時頁面的圖片就會正常顯示了。
• 效果圖如下，未執行之前：
• 執行時
• 執行后
• JavaScript書簽小工具
  • 使用方法：
  • 使用示例如下圖：

首先，如果你是Chrome內核的瀏覽器，或者火狐firefox瀏覽器。文末有提供給大家的Js小工具。

若你是Chrome內核的瀏覽器，按下鍵盤"F12"鍵，就會彈出開發者工具，如下圖：

當然，你還可以使用快捷鍵“Ctrl+Shift+J”，快捷鍵，直接定位到開發者工具的“Console”欄目下。

復制下面的JavaScript代碼，粘貼到開發者工具欄的“Console”內

$.each($(".image-loading"),function(i,obj){
	var $o = $(obj);
	var link = $o.attr("data-original-src")
	$o.attr("src",link);
	$o.addClass("illustration");
	$o.removeClass("image-loading");
	var $fu = $(obj.parentNode);

})
	$(".image-view-maintain").removeClass("image-view-maintain");

按下回車鍵“Enter”，此時頁面的圖片就會正常顯示了。

---

效果圖如下，未執行之前：

執行時

執行后

JavaScript書簽小工具

它的作用是快速的執行上面的js代碼，免去了打開Console界面。

使用方法：

1. 新建一個瀏覽器書簽
2. 把代碼粘貼到書簽的地址欄里javascript:$.each($(".image-loading"),function(i,obj){ var $o = $(obj); var link = $o.attr("data-original-src"); $o.attr("src",link); $o.addClass("illustration"); $o.removeClass("image-loading"); var $fu = $(obj.parentNode); });$(".image-view-maintain").removeClass("image-view-maintain");;
3. 以后要使用的話，點擊這個書簽就可以生效。

使用示例如下圖：