1、進入官網：https://jsfiddle.net/

可以看到如下界面，頂端的控制按鈕包括：保存，運行，代碼格式化等；

image

 

2、將html、css、js分別寫在指定的位置當中，最后一個框result是顯示效果的；

3、代碼編輯完之后保存，會得到上面所寫代碼的鏈接，把這個鏈接復制下來，后面插入博客就用它

4、在博文中插入以下代碼： 

<iframe style="width: 100%; height: 300px" src=" > </iframe>

網友評論