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