在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮
在瀏覽器端調試代碼并直接修改原文件:
此調試方法可以避免在瀏覽器調試完代碼后在到原文件手動修改代碼的弊端,其具體方法如下:
1.先將要調試的頁面在瀏覽器(Google)打開,這里小編打開桌面test文件夾中的test.html文件,之后按F12到控制面板,如圖:
2.點擊圖中Sources–>再點擊Filesystem,此時可以點擊+或鼠標右鍵選擇add開頭,如圖:
3.點擊+后選擇瀏覽器打開的要調試的文件夾(test),此時會彈出一個詢問框點擊允許,如:
4.點擊允許后如下圖則表示關聯成功,如圖:
5.此時我們查看原文件中p標簽的屬性color的值(調試前),如:
6.此時在控制面板點擊ELements,并選中p標簽后修改其color屬性值,如圖:
7.回車后可以看到原文件中的代碼此時已經被修改了,如圖:
以上就是通過瀏覽器調試來修改原文件中代碼的方式,不同的瀏覽器方法類似,這里采用谷歌Google進行測試。
移動端虛擬鍵盤中實現搜索按鈕:
type屬性值為search的input按鈕,在移動端如果外面沒有套用form標簽,那么enter鍵不會顯示為搜索,如果想要在移動端將enter按鈕顯示為搜索按鈕,那么就要在input標簽外面包裹form標簽;當然在移動端enter按鈕是可以實現搜索功能(并非所有移動設備都可以實現enter鍵顯示搜索),如:
<form action="#"><input type="searche" placeholder="搜索"> </form>提示:本文圖片等素材來源于網絡,若有侵權,請發郵件至郵箱:810665436@qq.com聯系筆者刪除。
筆者:苦海
總結
以上是生活随笔為你收集整理的在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python colormap_Matp
- 下一篇: 操作对象_DOM进阶——HTML属性操作