如何在 Google 搜索 iframe 上设置自定义宽度?

2024-03-03

我正在尝试使用谷歌搜索我的网站:

http://www.houseofhawkins.com/search.php http://www.houseofhawkins.com/search.php

它在某些屏幕分辨率下表现不佳。这是谷歌给出的代码:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 250;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

我将“googleSearchFrameWidth”更改为 250,认为应该以 px 为单位设置宽度(一开始是 600)。但对于较小的屏幕(1024 * 768),它会伸出我的 div 的一侧。

我是不是在做蠢事?


我有三个设置可供您调整,我希望这三个设置的组合能够帮助您到达所需的位置:

  1. googleSearchFrameWidth- 在 JavaScript 中将其设置为您想要的宽度。这是最明显的一个,您可能已经调整过了。
  2. cse-search-results div 的宽度- 使用内联样式语句(例如style ="width:500") 设置 div 的宽度。
  3. 设置 IFrame 样式- 如果您检查,您可能会注意到所有这些内容都是通过 IFrame 从 Google 呈现的。这有点难以调整,但也是可行的。为此,请在样式表末尾添加一条语句,例如#cse-search-results iframe { },包括括号内的实际 iframe 样式。

我希望其中之一或这些的组合能够成为您的答案。如有疑问,请使用 DOM 检查器(例如 Firebug 中提供的检查器)来分析更改对 DOM 的影响。希望这可以帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Google 搜索 iframe 上设置自定义宽度? 的相关文章

  • 在 Ruby 中抓取/解析 Google 搜索结果

    假设我有 Google 搜索结果页面的完整 HTML 有谁知道任何现有的代码 Ruby 来抓取 解析Google搜索结果的第一页 理想情况下 它可以处理可能出现在任何地方的购物结果和视频结果部分 如果没有 那么基于 Ruby 的最佳屏幕抓取
  • 是否有可用于 Google 相关搜索查询的 API?

    当我寻找Clooney在 google com 底部会建议一些相关的搜索查询 Searches related to clooney clooney movies clooney girlfriend rosemary clooney ni
  • 以编程方式获取谷歌搜索结果计数的最简单(合法)方法?

    我想使用 Java 代码获取某些 Google 搜索引擎查询 在整个网络上 的估计结果数 我每天只需要执行很少的查询 所以一开始Google 网页搜索 API 虽然已弃用 但似乎足够好 参见例如如何以编程方式搜索 Google Java A
  • 删除冲突的样式 - Bootstrap 和 Google 自定义搜索

    看看我网站上的下面的图片 www kokorugs com 我正在使用 Bootstrap 并且我相信存在一些冲突的 CSS 样式 问题是我看不到 Google 的 CSS 也不知道如何覆盖这个样式 我的代码 来自谷歌 如下
  • 使用 Google 自定义搜索 API 进行日期范围搜索

    我正在使用 Google 自定义搜索 API 来搜索图像 我的实现使用 Java 这就是我构建搜索字符串的方式 URL url new URL https ajax googleapis com ajax services search i
  • 同一页面上有多个 Google CSE(自定义搜索引擎)框

    我正在尝试在同一页面上实现两个 不同的 Google CSE 搜索框 问题是只有第一个实例可以正常工作 例如 标题中的站点范围搜索框 然后在某些页面上 第二个搜索框在站点的狭窄筒仓内进行搜索 等等 这不能正常工作 因为使用谷歌为每个框生成的
  • 如果我在应用程序中添加 ACTION-VIEW 最终结果是什么?

    我从我的 Android 工作室收到了这个通知 应用程序无法被 Google 搜索索引 考虑添加至少一个 具有 ACTION VIEW 意图填充器的活动 请参阅问题说明 更多细节 添加深层链接以使您的应用程序进入 Google 索引并获得安
  • 是否有 Google 自定义搜索 REST API 的工作示例?

    我需要创建一个自动执行 Google 搜索的屏幕 我了解 JavaScript 并且我正在努力让 GSE 工作 我有一个搜索引擎和一个 API 密钥 问题是谷歌的文档是循环的 即页面相互指向 没有可以让我开始研究的工作样本 如果您知道工作示
  • GAE开发服务器重启后保留全文搜索索引吗?

    是否有办法强制 GAE 开发服务器在重新启动后保留全文搜索索引 我发现每当开发服务器重新启动时索引都会丢失 当我启动开发服务器时 我已经在使用静态数据存储路径 datastore path选项 此功能是在几个版本之前添加的 我认为是在 1
  • 谷歌的函数绘图仪

    如果您在 google com 上搜索数学方程 大多数情况下谷歌会自动为您绘制它 例如 您可以输入sin x x甚至是逗号分隔的列表 例如sin x x cos x x在同一个图表上绘制多个函数 我知道还有其他 Javascript 绘图库
  • 通过 C# 中的语音进行 Google 搜索

    我正在制作自己的贾维斯程序 当我说 搜索 我想要的东西时 打开谷歌并搜索 某事 这是我的代码 我不会全部粘贴 private void Form1 Load object sender EventArgs e recognizer SetI
  • 谷歌在搜索结果中以不同方式显示网站标题

    Google 以与预期不同的方式显示我网站的页面标题 页面标题应该是 布莱顿和刘易斯 平面设计师刘易斯 沃利斯平面设计 它在必应 雅虎和我的实际网站上显示良好 然而 谷歌以不同的方式显示它 刘易斯 沃利斯平面设计 平面设计师布莱顿和刘易斯
  • 无法从 Google Places API 获取特殊营业时间

    特别营业时间在以下位置进行营销 记录谷歌我的商家 see https support google com business answer 6303076 https support google com business answer 6
  • 获得良好的 Google PageRank [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 在 SEO 中 人们经常谈论 GooglePageRank http en wikipedia org wiki PageRank 这有点像第 22
  • Google 自定义搜索 API - 引擎检索引擎数据失败

    我需要在自定义搜索引擎上进行 CRUD 从文档 https developers google com custom search docs api 它看起来非常简单 但我不断收到 401 回复 我正在使用 Google Apis Oaut
  • Google 自定义搜索“热门查询”错误请求错误

    在 Google CSE 中 当我尝试获取Popular Queries 我在FireBug Console 网络错误 400 错误请求 http www google com cse api xxxxxxxxx xxxxxxx cse x
  • Google 自定义搜索引擎 (CSE) 按钮图像丢失/未显示

    After implementing a Google Custom Search Engine CSE and adding their JavaScript code to the Master Page for my site I s
  • Google 自定义搜索优化以获取最新结果

    我在我的网站上使用谷歌自定义搜索引擎 我对此自定义搜索有两个改进 细化1 在我的博客上搜索 细化2 搜索我朋友的博客 但我需要第三次改进 搜索两个网站的最新结果 或过去 24 小时的结果 我可以在细化中添加一些可以做到这一点的运算符吗 或者
  • 有没有办法以编程方式访问 Google 的搜索引擎结果? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 谷歌是否提供了一种以编程方式查看特定查询的搜索引擎结果的方法 我想构建一个跟踪应用程序 以便用户可以看
  • 使用 Python 进行 Google 搜索网页抓取 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 最近为了工作中的一些项目 学习了很多python 目前我需要使用谷歌搜索结果进行一些网络抓取 我发现几

随机推荐

  • 为什么这个 HashMap.get 返回 null?

    我正在尝试创建一个Hashmap为我执行查找 但是 当我运行此测试代码时 输 出为空 我认为这与密钥存储方式的性质有关 但我并不肯定 也许这是一个类似的怪癖 就像var1 var2不等于 除非它们指向内存中的同一个对象 而您必须使用var1
  • SVG 1.1:什么是“用户单位”以及如何将用户单位转换为绝对单位(例如:毫米)?

    我正在实现 SVG Tiny 1 1 但我无法理解 用户单元 的概念 SVG 1 1 规范将每个没有指定单位 例如 mm cm pt 等 的 定义为 用户单位 在实现 SVGLength 接口时 我遇到了4个与长度值相关的属性 value
  • 使用 GeoPandas 将点几何图形转换为线串

    我有一个地理数据框gdf看起来像这样 longitude latitude geometry 8628 4 890683 52 372383 POINT 4 89068 52 37238 8629 4 890500 52 371433 PO
  • 包从flutter智能手表接收心率数据

    我正在寻找一款可以让我轻松地在三星手表或苹果手表等智能手表之间同步的包 我想从他们那里获取心率数据 有人知道这样一个与手表通信的包或想法吗 目前 所有的wear tizen和watch操作系统都有不同的机制来本地获取这些数据 所有这些都需要
  • .NET 会话不工作

    这是一个奇怪的问题 但希望有人能给我一个想法 我将一些值放入会话中Session Start of the Global asax在我的应用程序中 紧接着Session Start我的基本页OnInit接到电话并尝试使用其中之一Sessio
  • jQuery Datepicker BeforeShowDay 第二个参数

    jQuery datepicker 允许您使用 BeforeShowDay 回调突出显示日期 是否可以向该方法传递第二个参数 selector datepicker beforeShowDay selectedDay function se
  • Rails 3:如何根据Controller的方法创建命名范围?

    In my ApplicationController我有demo mode 方法 返回true当当前登录的用户类型为 demo 时 Post模型有publisher id字段 它指的是Users table User有user type字
  • 对象 # 没有方法“done”

    我试图实现简单的ajax GET 请求 在回调部分我想调用一些函数 代码如下 ajax url ajax pages ajx getcard php id obj value context document body done funct
  • 启动 Rails 服务器 Sidekiq 时出错

    当我尝试启动我的服务器时 rails s 给我以下错误 管理员 rvm gems ruby 1 9 3 p392 gems bundler 1 11 2 lib bundler runtime rb 81 in rescue in bloc
  • java中私有变量的序列化

    我有一个关于序列化的问题 如果我的类有私有变量并且没有 getter 和 setter 那么序列化 API 将如何读取这些变量的值 首先 访问权限是编译时功能 访问在运行时不受控制 这可能会让您感到困惑 但请尝试执行以下操作 创建 A 类的
  • 制作等长向量的列表

    在一个关于SO的问题中 LINK https stackoverflow com questions 10661295 apply a function over groups of columns 一个海报问了一个问题 我给出了一个有效的
  • jQuery .toggle() 显示和隐藏子菜单

    我正在使用这个问题的代码来进行显示 隐藏切换 jQuery toggle 显示和隐藏子菜单 https stackoverflow com questions 9469807 jquery toggle to show and hide a
  • OSX 惯性滚动导致 mousewheel.js 通过最轻微的滚动运动注册多个鼠标滚轮事件

    我正在开发一个非常标准的 Flexslider 实例 柔性滑块 http flexslider woothemes com 与jquery mousewheel js https github com brandonaaron jquery
  • 使用 subversion 将更改提交到与当前签出分支不同的分支

    我一直在处理从开发线检出的代码 发现所做的更改可能是破坏性更改 需要在提交到主开发树之前移动到实验分支 但是 我没有签出实验分支 并且我不想丢失已经进行的更改 有没有办法将工作文件夹中的更改提交到与最初签出的分支不同的分支 您应该从已知的分
  • Three.js中是否有一个容器类型对象来转换一组孩子?

    Three js 中是否有一个容器或节点对象 可以将多个网格添加为子对象 以便它们可以一起转换 一个不可见的容器 允许对组中的所有子对象执行转换 thanks Example http mrdoob github com three js
  • 在单个查询中将行插入到多个表中,从涉及的表中进行选择

    我有两个以下形式的表 即 每个 foo 都链接到一个栏 CREATE TABLE foo id INTEGER PRIMARY KEY x INTEGER NOT NULL y INTEGER NOT NULL bar id INTEGER
  • 如何用下划线模板显示JS对象?

    我想使用下划线模板显示 JS 数据对象 我似乎无法弄清楚如何钻取对象以获取国家 地区名称或其他日期 例如 tarrifType 并使用我的模板显示它 该物体看起来像这样 var items country China tarrifType
  • 如何在 AngularJS 中使用 Web Worker?

    我在用着AngularJS 种子 https github com angular angular seed我想看看 Web Worker 的有效实现 我想让一个简单的 Web Worker 工作以便理解它 但我遇到了功能问题 我的 Web
  • 如何以编程方式从后台恢复 Android Activity

    情况 假设我当前正在启动应用程序 Activity A 一段时间后 我按下 主页 按钮 应用程序 A 进入后台 此时 我开始使用另一个应用程序 B 例如 youtube 等 当前最小化到后台的应用程序 A 中发生了一些事情 在这种情况下发生
  • 如何在 Google 搜索 iframe 上设置自定义宽度?

    我正在尝试使用谷歌搜索我的网站 http www houseofhawkins com search php http www houseofhawkins com search php 它在某些屏幕分辨率下表现不佳 这是谷歌给出的代码 d