如何查看网页的jquery代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何查看网页的jquery代码相关的知识,希望对你有一定的参考价值。
右击页面,点击“查看元素”或“查看源码”就可以查案网页的html一般<script>juqery代码</script>标签包裹的就是写在页面上的jQuery代码
另外还有写在jQuery文件在页面通过<script src="jquery文件地址"></script>这里的地址一般是相对地址,找到相应的地址打开文件就可以了 参考技术A 直接查看html源代码,控制台
使用 JQuery 在移动应用程序的 div 中查看网页时遇到问题
【中文标题】使用 JQuery 在移动应用程序的 div 中查看网页时遇到问题【英文标题】:Having trouble viewing a web page in a div on mobile app using JQuery 【发布时间】:2014-05-13 17:48:14 【问题描述】:在计算机上查看网页时,我的代码可以正常工作,但是当我将模拟器或 iPhone 与 xCode 一起使用时,整个页面无法加载。也许页面的前 10% - 25% 会出现,其余的会被切断。下面是一个代码示例。感谢所有帮助!
HTML:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style>
object
width: 100%;
min-height: 100%;
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<link rel="stylesheet" href="css/jquery-mobile-slide-menu.css" type="text/css" />
<script type="text/javascript" src="js/jquery-mobile-slide-menu.js"></script>
<script>
function MyFunction(id)
var num=id;
if (num == "foxnews")
$("#content").mobile.loadPage("http://m.foxnews.com");
if (num == "cnn")
$('#content').load('http://m.cnn.com');
$('#content').trigger("pagecreate").trigger("refresh");
if (num == "home")
location.reload();
//$("#content").html('<object data="http://www.foxnews.com" />');
//document.getElementById("content").innerHTML="<img src='Background.png'>";
</script>
</head>
<body>
<div id="side-menu">
<ul>
<li><a id="home" href="" onclick="MyFunction(this.id);">Home</a></li>
<li><a id="cnn" href="#" onclick="MyFunction(this.id);">   CNN</a></li>
<li><a id="foxnews" href="#" onclick="MyFunction(this.id);">   Fox News</a></li>
<li><a href="/page-2/">Page 2</a><span class="icon"></span></li>
<li><a href="/page-3/">Page 3</a><span class="icon"></span></li>
</ul>
</div>
<div data-role="page" id="about-the-band" data-title="Page Title" data-theme="b" class="pages">
<div data-role="header" data-theme="b">
<a href="#" class="showMenu" data-role="button" data-icon="grid" data-iconpos="notext">Menu</a>
<h1>Header</h1>
</div>
<div id="content" data-role="content">
<p>Content Goes Here</p>
</div>
</div>
<script type="text/javascript">
$(function()
$('#side-menu').slideMenu();
);
</script>
</body>
</html>
【问题讨论】:
【参考方案1】:关键字:跨域
摘自已弃用的 Jquery Mobile: “当 jQuery Mobile 尝试加载外部页面时,请求会通过 $.mobile.loadPage() 运行。如果 $.mobile.allowCrossDomainPages 配置选项设置为 true,这将只允许跨域请求。”
Load page to a div jQuery Mobile:
$("#landingPage").live('pageinit', function()
jQuery.support.cors = true;
$.mobile.allowCrossDomainPages=true;
);
但也许我完全听错了;但是你应该打开一个jsfiddle,否则就像大海捞针一样。
【讨论】:
以上是关于如何查看网页的jquery代码的主要内容,如果未能解决你的问题,请参考以下文章